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DESIGN 


Welcome to the third, and for now, the final edition of 
Computer Arts Studio Training series. This issue we focus 
completely on InDesign - Adobe's hugely powerful page 
layout and design tool. Whether you're a seasoned print 


designer, or junior looking to master InDesign’s toolset, 
there’s something here for you. 

InDesign is so broad, yet, when you know the basics, 
incredibly simple to use. But in this special we go way beyond 
the basics, bringing you a plethora of workshops, tips and 
invaluable techniques that will speed up your page layout skills 
and inspire you to use InDesign in new, exciting ways. 

In the front section of the issue, you'll discover some 
fundamental InDesign skills such as setting up and using grids 
and style sheets. As you progress through the pages, we bring 
you creative tutorials on designing books, promo material and 
more. You'll also discover how to take your first steps into digital 
publishing and what's new in InDesign CC. Whatever your 
planned output, this guide will help you work in InDesign more 
creatively and more efficiently. 


ROB CARNEY 
EDITOR 


rob.carney@futurenet.com 


COMPUTERARTS.CREATIVEBLOQ.COM 


aie 


CONTENTS 


TRAINING 


6 


STUDIO 


INDESIGN FUNDAMENTALS 


INDESIGN SHOWCASE 

Discover the best print and digital work created in InDesign by 
leading creative professionals - from magazines to brochures 
to stunning typography... 


18 FUNDAMENTALS: GET TO GRIPS WITH GRIDS 


22 


Learn how to master the basics of grid-based design to 


increase your workflow and efficiency 


TUTORIAL: GRIDS IN DETAIL 


26 


Go into detail with this tutorial to see how to create the 


perfect grid, from single-column to modular magazine grid 


_FUNDAMENTALS: PRECISION TYPOGRAPHY 
Working with type is a core part of using InDesign. Follow our 


guide to see how you can harness its powers... 
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30___ FUNDAMENTALS: SPEED UP WITH STYLES 


34 


Discover the basics of setting up and using character, 


paragraph and nested style sheets 
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TUTORIAL: STYLES ACROSS A BIG PROJECT 
Efficient working and maintaining style consistency are the key 


aspects of a successful project 


40__ FUNDAMENTALS: TEMPLATES AND LIBRARIES 


This guide to the basics of Templates and Libraries in InDesign 
will enable you to work more efficiently and smoothly 


44 FUNDAMENTALS: PRINT PREPARATION 


48 


Follow our guide on how to prepare work for the printers and 


never run into trouble again... 


TUTORIAL: ADOBE DPS 


Make the transition from print to digital with this guide to 
Adobe Digital Publishing Suite 
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GET CREATIVE 


54 TUTORIAL: NEW FEATURES OF INDESIGN CC 


Discover how to create and edit QR codes, preview fonts and 


sync with Typekit in this expert guide 


56 TUTORIAL: ILLUSTRATE IN INDESIGN 


When time and budget are against you, InDesign comes to the 


rescue with its vast range of creative features 


58 TUTORIAL: POP-UP PROMO CARD 


Standing out from the crowd is essential in this industry. Make 
sure you stand out by making pop-up promo cards 


62. TUTORIAL: MASTER GLYPHS 


Discover the power of glyphs and how to use them creatively 


64 _ TUTORIAL: DESIGN AND LAY OUT A BOOK 


Create beautiful book pages in ten simple steps 


66 TUTORIAL: TEXTURING IN INDESIGN 


Bring the cracks and smears of real life into your design work 
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IMPROVE YOUR WORKFLOW 


7O__ TUTORIAL: CREATIVE CLOUD WORKFLOW 
Using InDesign in combination with Photoshop and Illustrator, 


you can conquer any design task! 


76 TUTORIAL: WORK WITH DIFFERENT PAGE SIZES 
Use the Page tool to create stationery with different formats 


all in one InDesign document 


78 TUTORIAL: SUPERCHARGE YOUR WORKFLOW 
Speed up your daily design work in InDesign with these 36 
unmissable tips from Luke O'Neill 


84 TUTORIAL: MULTIPLE LAYOUTS ON THE FLY 


Learn how to scale and repurpose documents using the Liquid 
Layout tool in ten easy steps 
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PLUS: THE ULTIMATE INDESIGN TOOL GUIDE 
Turn to page 88 how to customise InDesign, and to page 92 
for everything you need to know about InDesign’s vast toolset 
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INDESIGN GALLERY 


SHOWCASE 


A stunning selection of th 
best print and digital work, all 
created using Adobe InDesign 
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MAGAZINES - PRINT 
FIFTY8 MAGAZINE 


STUDIO: ATELIER OLSCHINSKY 
www.olschinsky.at 


Launched in 2013, Fifty8 Magazine aims to ‘engage a new 
generation of design conscious individuals and visionaries’ 
Behind the editorial design is Vienna-based creative studio 


atelier olschinsky, which has InDesign at t 
production pipeline. “InDesign was used t 
whole editorial design process, from start 
says chief designer and co-founder of ate 
Peter Olschinsky. 
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But it was one InDesign feature that proved particularly 
useful on this project. “Mini Bridge helps you to 


overview of your available material,” Olsc! 
“It enables a playful workflow where you c 
undo decisions easily.” 

The team also find InDesign’s Effects fu 


valuable production time. “The features, with al 


able blending modes, such as Multip! 
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so on, are great tools to play around with in InDesign. 


Using these means you don't have to switch back to 
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MAGAZINES - PRINT 
YOUNG GUN MAGAZINE 


DESIGNER: GABRIELA D’‘AMATO 
www.g-damato.com 


Independent project Young Gun Magazine is a sleek, stylish 
publication that focuses on inspiring artists and athletes « 
craft. Responsible for this issue's editorial design and conte! 
was designer and producer Gabriela dAmato. 

“The primary digital publishing suite used on this project was 
InDesign,” she comments. ‘I find it to be the most organised and 
complete application that enables you to manage a large amount of 
content with a layout design in mind. Managing nearly 150 pages 
worth of articles and interviews, InDesign is highly effective in keeping 
all of the typography clean, consistent, and stylistically unified.” 

During production, dAmato found one InDesign feature particularly 
helpful. “Young Gun would have never come together without the use 
of master pages,” she says. “The publication i 
elements - running heads, footers, page num! 
backgrounds and borders - master s enable you to repeat those 
elements on every page so you can spend less time cutting and pasting 
elements and more time on the design. For Young Gun, | was able to 


create multiple master pages for specific page styles and sections as 


well those items that occurred throughout the document 
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MAGAZINES - PRINT 


PAPER MAGAZINE 


CREATIVE DIRECTOR: MANOS DASKALAKIS 


mdaskalakis.tumblr.com 


Athens-based financial newspaper Imerisia, Paper 
signed in InDesign. “The workflow is set by specific steps 
” explains creative director Manos Daskalakis. “First 


A supplem: 


the grid, in which all pages should conform to, then the typography 
and style sheets followed by fonts, size, leading, kerning, glyphs and 
all the elements that shape the character of the magazine. Those are 
the elements, along with visual language, that define the identity of 
a publicat 


InDesign 


Iso provides the solution to all the publication's type 
needs. “P. agazine uses the PF Regal Text Pro Family - which has 
ahugea of ligatures. So OpenType options, such as Contextual 
Alternates and Stylistic Sets are vital to our workflow.” 

When using InDesign, Daskalakis champions experimentation. 
“When starti roject like this, try using different grids and 
space. What's left always matters. And take 
, you may have to 


nent with the whit 


ng style sheets. In most cas 
of them during workflow or their application. Try using 
r tool instead and create the character and paragraph 
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MAGAZINES - PRINT 
INFLUENCIA 


STUDIO: VIOLAINE & JEREMY 
www.violaineetjeremy.fr 


The editorial design and artistic direction for the striking, monthly 
trend magazine Influencia falls at the feet of graphic design duo 
Violaine Orsoni and Jeremy Schneider, for which the duo turn to the 
power of InDesign. “We use it as our tool to create original editoria 
layouts and to produce the 150 pages of the magazine,” says Orsoni. 

Creating the publication, which is dominated by images and 
illustrations, requires some specialist handling. “This is why we love 
the Separations Preview feature, as we can check which images have 
their ink coverage percentage too high,” Orsoni says. “We don’t want 
the ink to go through the paper.” 

But getting the basics in place before any design work takes place 
is an absolute must, says Scheider. “You absolutely need the basics 
such as a baseline grid, master pages, character styles, numbering and 
section options and so many others. Great editorial design is always 
about taking great care of the details. You have to make sure all the 
small details are lined up properly.” 
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HUCK 
STUDIO: SHE WAS ONLY 


www.shewasonly.co.uk 


London-based independent design studio She Was Only has handled 
the design and art direction of Huck - a bimonthly magazine that 
explores radical culture - since July last year. Published by The Church 
of London, the team uses InDesign for the entire publication's layout, 
from cover to cover. 

“It's a key part of the workflow from initial design concepts to 
exporting a print-ready document,” explains She Was Only partner Cai 
Griffith. “The extensive tool set within InDesign enables us to have tight 
control over every element on the page. Huck Magazine retains a 
consistent look and feel, which we enforce through a grid system anda 
carefully selected range of character and paragraph styles for body 
copy, captioning and credits.” 

When using InDesign, Griffith advises a considered approach. 
“Spend time setting up your document. A flexible grid to inform your 
design will help your layouts feel more considered and help them work 
throughout a multi-page document. Typographic styles will also create 
consistency and save you large amounts of time as changes can be 
made globally throughout your publication. The time saved here can 
then be put back into your project; finessing the finer details and 
adding flair to create impact.” 
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MAGAZINES - DIGITAL 
BRAND 360 


STUDIO: E180 


www.el80.com.ar 


Focused on the world of branding, the Brand 360 digital magazine 
was designed, programmed and published by Argentina-based 
creative boutique E180. The team used a combination of software to 
ring the magazine to life, with the tools in Creative Cloud providing 
the primary toolset. 

“We've published more than 100 magazines developed with Adobe 
DPS,” begins E180 CEO and co-founder Mariano Perez. “We have 
learnt over time that thinking and planning contents before designing 
is the best way to deal with a project such as this.” 

For Brand 360, the team utilised a combination of Adobe DPS 


eatures. “There were many tools that were helpful on this project,” 
says co-founder and creative general director Mauricio Iriarte. “In 
particular, we found scrollable frames, image sequences, internal and 
external hyperlinks, slideshows and videos particularly helpful. Also, 
having good control over libraries and shortcuts is an easy way to work 
with the systematic side of the project.” 
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MAGAZINES - DIGITAL 
LAKELAND MAGAZINE 


STUDIO: CHS CREATIVE 


www.chscreative.com 


The successful blend of ingredients in this digital magazine for creative 
kitchenware company Lakeland led it to win Food & Drink Magazine of 
the year at Adobe's 2012 Digital Magazine Awards. Developed by 
UK-based agency CHS Creative, the primary function was to create a 
fully immersive and content rich digital magazine, which the team 
managed with the help of the InDesign. 

“As a creative agency we already use InDesign as a major part 
of our workflow and production in all forms of design and 
communication,” explains James Harvey, designer & digital publisher 
at CHS Creative. “Coming from a strong background in catalogue 
work, Adobe DPS seemed like the next logical step in pushing our 
creativity to the next level, and exploring a new and exciting format. 
The DPS tools themselves seem like second nature to anyone who has 
a good understanding of InDesign or any other Adobe product, so 
making the move to use DPS for a new project was a very smooth 
transition indeed.” 

He continues: “The simplicity of the new panels in InDesign and DPS 
make creating things like image sequences and interactive elements a 
breeze. Also, the familiarity of InDesign makes it a more approachable 
and recognisable base to start with. And having access to Adobe's 
increasing arsenal of other programs like Edge Animate and After 
Effects, can make the possibilities almost endless.” 
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MAGAZINES - DIGITAL 
GQ MAGAZIN+ 


ART DIRECTOR: MICHAEL NOLAN 


www.michaelnolan.de 


In summer 2012, art director Michael Nolan worked in close 
collaboration with GQ Germany's art director Jana Meier-R 
develop the company’s enhanced replica iPad app GQ Magazin+ from 
scratch, including its concept, design and realisation. And Adobe's DPS 
has been the tool of choice to bring this digital edition to life. 

“InDesign has one big advantage: the Digital Publishing Suite,” 
he comments. “It enables the user to add interactive features and 
multimedia elements to a digital product without using multiple pieces 
of software or having any knowledge of development. 

“We use almost every DPS feature in the Folio Overlays panel 
to enhance our digital version of 
the magazine,” Nolan continues. 
“We add 360-degree views for 
watches or fashion looks, so you 
can see front and back of the 
items, for example. With the DPS 
tools you can also integrate video 
clips, like movie trailers or 
behind- the-scenes videos from a 
photo shoot. We also integrated 
HTML5 elements for special 
features like interactive quizzes 
that are too complicated to build 
with InDesign tools.” 
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MAGAZINES - DIGITAL 
SKYLIFE MAGAZINE 


STUDIO: SMACK 
www.smackagency.com 


Based in Covent Garden, London, Smack is a full service digital 
creative agency, with a strong heritage in publishing. Recently, the 
team was commissioned to create the iPad version of Turkish Airline’s 
Skylife in-flight magazine, for which, InDesign and the Adobe DPS were 
at the forefront of the company’s pipeline. 

‘All of our templates, grids, layouts and design were created in 
InDesign,” says creative director Lubna Keawpanna. “We used the 
interactivity in InDesign to create buttons, links, slideshows, pan and 
zoom, to create basic animations and more. We were then able to use 
Adobe DPS to launch our magazine app to Newsstand. 

“Adobe DPS tools are very useful for analytics. Publishers can see 
which articles, pages and links are the most popular and if time is taken 
to all label all interactions properly, it is possible to track which buttons 
and slideshows readers are using. The analytics help the magazine 
evolve, if you can see what takes your readers’ interest, you can give 
them more of what they want.” 

Keawpanna also has a few hints for working with Adobe DPS. 
“Consistent labelling of buttons, links and object state names to reflect 
the actual content allows for more in-depth analytics from Adobe 
DPS,” she says. “Working with your analytics helps your magazine 
grow. Also, make sure to test your app on all output devices before 
publishing it. There's nothing worse than a beautiful app that doesn't 
work properly!” 
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MAGAZINES - DIGITAL 
ESQUIRE WEEKLY 


PUBLISHER: HEARST MAGAZINES 


www.hearst.co.uk 


e 
Britain's stylish and sophisticated men’s magazine } Esquire 


brand is brought to digital life by the team at 
publishing company Hearst Magazines, which fully 
utilises Adobe's tools in its workflow 

“InDesign/DPS is the main application used to 
produce the iPad edition of Esquire Weekly,” says : issue2e 20 MARCH, 2014 
Esquire Weekly art director Claire Cheung. “It enables S : 
us to present traditional editorial content - all of which 
is original and exclusive - in a way that plays to the 
strengths of the device: so we're able to run videos, 
animations, galleries, add audio and link to websites 
and so on. It lets the title be truly interactive rather 
than just presenting a PDF under a pane of glass.” 

Cheung also finds it ‘imperative to set up tight 
templates and a library containing useful elements’ 
“These should up updated on a regular basis as the 
product is developed or changed,” she comments. 
“The Overlay Creator panel is the most commonly 
used tool - so is worth learning thoroughly. It's a good 
one to experiment with as you can apply different 
settings to the interactivity - for instance, speeding up 
or slowing down an animation or adding effects like a 
crossfade. Folio Builder is also essential for testing 
pages. Be meticulous with your layers as pages can 
get complicated. Organising them properly, with items 
on the correct layers, will help immensely.” 
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BROCHURES 
AIR NEW ZEALAND GUIDE 


STUDIO: BROGEN AVERILL 
www.brogenaverill.com 


When Air New Zealand wanted a sleek and stylish guide to the islands, 
the company turned to New Zealand-based creative agency Brogen 
Averill. “InDesign was the only program used to create the guide apart 
from Photoshop,” explains director Brogen Averill. “InDesign is 
indispensable when designing a document like this guide. Typographic 
standards can be maintained and the flow of the book can be refined 
InDesign was used to design and then lay out the guide.” 
Although using a variety of the software's features, Averill found 
InDesign’s Character Styles and Paragraph Style panels particularly 
helpful. “These tools are worth learning,” he says 

Averill also has a couple of InDesign tips to share. “The first is the 
shortcut Shift+W which enables you to view your pages in presentation 
mode with a black background. You're then able to scroll through your 
pages using the arrow keys.” The second is: ‘when saving a PDF for 
viewing purposes select Smallest File Size in the drop down menu and 
then under Compression in the left-hand menu select Maximum for 
image quality. This makes your low res PDFs look a lot better.” 
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UPC 


STUDIO: BRAND LAB 
www.brandlab.pe 


The Peruvian University of Applied Sciences (UPC) recently 
commissioned creative studio Brand Lab to work on a complete 
redesign and redirection of its brand, part of which included the 
creation of new informative brochures. 

“InDesign is an effective program when dealing with layout, mainly 
because of the tools it offers,” says Brand Lab designer Juan Carlos 
Yto. “But we never start on layouts until we have a conceptual process 
and sketches. We like having the freedom to create a rhythm on paper 
first. It's like creating music.” 

When the time to use InDesign came around, the team knew which 
features would work best for the project. “We used tools such as 
Margins and Columns in combination with guides”, Yto explains 
“Creating columns and being able to have total control of the spacing 
was really helpful. It actually gives us the freedom to think more about 
layout and content. Also, using paragraph and character styles is 
super-convenient. It enables us to give hierarchy and order in a quick 
and effective way, whenever we need to.” 
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BROCHURES 
SNOODYDO CLOTHING 


STUDIO: DIRTY DESIGN 
www.dirtydesign.co.uk 


Bristol-based design studio Dirty Design was behind the brand identity 
of SnoodyDo (www.snoodydo.com) a new clothing accessories brand 
Part of the commission included developing a range of brochures, 
leaflets and printed material, for which InDesign served as the primary 
tool. “The flexibility and compatibility of InDesign allowed for the 
design and creation of the website and all the associated promotional 
materials without requiring us to swap between programs,” says Dirty 
Design owner and creative director Charlotte Hockey-Berry. An 
intuitive program, InDesign provided the solution to all the studio's 
needs for this project. 

“InDesign enabled the use of multiple textures at once. We 
used this function in order to achieve the resultant distressed look of 
the logo. This effect is used throughout the materials, and has allowed 
us to represent the natural ethos of the brand. With InDesign’s ability 
to place images within any shape, we were able to add textures and 
crop images quickly, effectively and more precisely than in alternative 
programs. This helped us to achieve the desired identity for the brand.” 
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BROCHURES 
AMH LOOKBOOK 


ART DIRECTOR: FABRIZIO FESTA 


www.cargocollective.com/fabriziofesta 


AMH is the brand of fashion designer Ashley Marc Hovelle (www. 
ashleymarchovelle.com). For his Autumn-Winter 2014 collection, art 
director Fabrizio Festa created this eye-catching lookbook, as well as 
all the graphics featured on the clothes. The photos were taken care of 
by photographer Felipe Barbosa. And all of the material was pulled 
together using Adobe software, including InDesign. 

“l used InDesign to create the layout of the zine,” says Festa. “I'm 
really into grids and modular systems. This project uses a grid | created 
a few years ago that I’m constantly tweaking and adjusting, and is 
based on the proportion of the average photo on an average AS piece 
of poper. | like working with InDesign because it enables me a lot of 
mathematical control on grids, guides, templates, and other nerdy 
things. | have a free approach to the grid once it's created - | like to 
play with it, ignore it and break it to create interesting results. The 
Create Alternate Layout tool enabled me to work on different versions 
of the lookbook at once in the same file. I'm quite messy in my workflow, 
and | like the opportunity to keep more than one road open.” 
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THE SANAMUNT TIMES 
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STUDIO: NON-FORMAT 


www.non-format.com 


Sanahunt is a luxury fashion store 
in the heart of Kiev, Ukraine. And 
graphic design studio Non-Format 
is the art direction and editorial 
design team behind The Sanahunt 
Times - the fashion newspaper for 
the store. “InDesign was used to 
establish the templates for the 
design of the magozine and was 
used to create and produce every 
THE SANAMUNT TIMES page of each issue,” says Non- 
Format co-founder Jon Forss 

“InDesign is great for this kind 
of work because we can create 
custom typefaces, import them 
into layouts as vector files and edit 
them, or elements around them, 
right there in InDesign,” 
Non-Format co-founder Kjell 
Ekhorn reveals 

He also points out a useful 
function for dealing with lots of 
copy. “When were dealing with a 
lot of text ina document, like this 
newspaper project, the Edit in 
Story Editor function is really useful 
for figuring out how much overset 
text is lurking within a text box 
And, of course, that's not all it 
does,” he smiles. 
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STUDIO TRAINING: INDESIGN GALLERY: TYPE IN PRINTED MATTER 


TYPE IN PRINTED MATTER A cng 
ART IS TECHNO par 
Soe ae tee 
STUDIO: SAWDUST ant ineeeee — on 
www.madebysawdust.co.uk po ang "promos ter) 
can, ee 

This vibrant identity for Art is Techno, a collaborative ss Fe ching Sete cy, ta 
project between DJ Andre King, photographer S$ Re) PF barge teen ay 
Alessandre Tootsie and promoter Giorgio Castellano, Gf 72° wane ik spay 2s 
was developed by Sawdust, the creative partnership ae 3 
of Rob Gonzalez and Jonathan Quainton ¢ 

“InDesign enables a lot of freedom when working ) 
with typography, which was what we needed for Art is x en 
Techno,” Gonzalez explains. “In fact our approach to { w ns Ko’ 
this was ‘anti-grid’, which is where InDesign proved its Cs ) 
versatility - controlled chaos, freedom, SE, z : Lemus Goin? 
anti-rules. We used InDesign in a way that we usually F { pwee? 
wouldn't but in doing so discovered how flexible it can 3 f Beis rom et) 
be when adjusting text boxes - to bespoke shapes - . | prot 
and running type along keyline strokes and paths f | era™ " 

“We have recently been working on some editorial ¢ q cnn? mov 
where type runs along a path; often we'll have these cprt® By G 
ideas away from our machines so when it comes to » pitio® 


implementing them, InDesign typically has a way of 
doing it - which always impresses us. The software can 
sometimes inspire ideas during your explorations too, 
which really comes down to how easy it is to use and 
how simple tools are to learn. It's something InDesign 
is very good for.” 


TYPE IN PRINTED MATTER 
WONDERLAND 


STUDIO: USEFUL 


www.weareuseful.com 


London-based creative agency, 
Useful was responsible for the art 
direction on this issue of fashion, style, 
music and culture magazine, 
Wonderland. “InDesign was used 
throughout the entire process,” says 
art director Alex Geoffrey. “It's the key 
design tool and the only software 
used to put the issue together and 
generate final PDF files for print. We 
used it to marry the words from the writers with the images created by 
the contributors to generate the layouts. It is also used in the final 
stages of production, both by the fashion department and the writer, 
editor or sub-editor to correct and edit text live on the layout.” 

InDesign also provides the Useful team with a solution to its type 
needs. “Because InDesign uses vectors it means that we can work 
directly with the form of the type live on the page, rather than having to 
do it in illustrator and import it after,” Geoffrey adds. “It makes it easy 
to tweak and play with the curves to create bespoke solutions 
spread-by-spread as you see fit. We can also use the outline forms 
as a picture box and import textures or images into them as seen in the 
Summer issue - pictured - rather than having to create and typeset 
them separately in Photoshop. This makes the whole process easier 
and quicker both to design but also to correct and amends which is 
essential for the tight deadlines and fast turnaround times 

“Aside from the more custom solutions, regular typesetting in 
InDesign is effective and enjoyable. Keyboard increments, leading and 
kerning are fully adjustable and essential in creating detailed 
typography for a style mag like Wonderland.” @ 
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Pe 


THE AWARD-WINNING 


COMPUTER ARTS 
TAILORED FOR TABLET. 


Experience additional multimedia content 
in our fully interactive iPad edition 


Computer Arts readers know design matters. That's why we've completely 
reinvented our digital edition as a fully interactive iPad experience with 
impeccable usability. There's also additional interactive content, 
such as image galleries and bonus videos, which bring the 
motion content featured in the magazine to life. 


TRY IT FOR FREE TODAY WITH 
OUR NO-OBLIGATION 30-DAY TRIAL AT 
http://goo.gl/sMcPj (UK) or http://goo.gl/aib83 (US) 


Digital replicas also available on Google Play, Nook and Zinio 
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STUDIO 
TRAINING 


Layout Type _Notes Object Table View _ Window _ Hep 


Discover everything ATS 
you need to know 
about setting up 
and using grids, 
character and 
paragraph styles, 
templates, libraries 
and much more... 


Pir 


GET 10 GRIP WITH 
GRIDS - PAGE 18 


Forn in Birmingham, 
‘educated in Brighton and acclaimed across the 


‘came to define an era of illustration, made him one of 
the most famous editorial artists on the planet and 
sot trends that are still being mimicked to this day. 

co sual legacy 


looneis more; bisvi yas 
Goodall, though. And while imitation may well be the 


PRECISION TYPOGRAPHY IN STYLE SHEETS 
INDESIGN - PAGE 26 EXPLAINED - PAGE 30 


Harness the power of type Maintain consistency in 
with this expert guide your work with style sheets 


TEMPLATES AND PRINT PREP MASTERCLASS 


LIBRARIES - PAGE 40 - PAGE 44 
Use templates and libraries Pre} for print with 
to speed up your workflow these preflighting tips 
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INDESIGN FUNDAMENTALS 


eq-UNDAMENTALS 


MASTERING GRIDS 
AGE 22 


umn grids to 


MANAGING STYLES ACROSS 
ABIG PROJECT - PAGE 34 


Take the pain out of 
complex projects 


GET STARTED WITH 
ADOBE DPS - PAGE 48 


Go from print to digital 
with Adobe DPS 


= 
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INDESIGN FUNDAMENTALS 


GET T0 GRIPS WITH GRIDS 


Master the art of grid-based design to speed up your 


workflow and improve consistency... 


> This useful 
at-a-glance guide 

to grids clearly 
breaks down all the 
components you 
need to create a grid 
of any kind for all 
your projects 


ulssey\ 


Margin 
Column 


Flowline 
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Whatever kind of design you're working on, creating 

an InDesign grid is a great starting point. Not only 

can grids speed up the process by setting in place clear 
guidelines, they're particularly useful when creating 
multi-page documents where consistency is key. Grids 
can be just about any shape or size but for print work 
they'll usually follow one of three basic structures: single 
column; column and modular. There's also a fourth 
option - hierarchical grids - although these are more 
often used in web design. Once you've mastered these 
basics you can begin to make your grids as complex or as 
simple as the job in hand requires. 

Single column grids, which are also called block grids 
or manuscript grids, are mainly used for publications 
such as books and essays which have smaller format 
sizes. They are best suited to continuous blocks of text 
and large images that fill all of the live area or a whole 
page bleed. 

Column grids, as the name suggests, are built up 
by aseries of columns. They are used in magazines, 
newspapers, books or any publication where the text 
isn’t continuous or in situations where you have a 
number of different elements working together at once. 
They are particularly useful for layouts that need to be 
flexible, as the more columns you have the more flexible 
the structure becomes. 

Modular grids are used when you have a more 
complex layout - for larger formats or when you need 
to fit in large amounts of information. The page is 
divided both vertically and horizontally to create rows 
and columns, which in turn create modules. Groups of 
modules together create spatial zones that determine 
the placement of text and the positioning of images. 

The grids are easily set up in InDesign and all offer 
different benefits for different job requirements. A grid 
shouldn't be seen as a restrictive, rigid device - it should 
be a helpful tool that aids the consistency and flow of 
your layout. It should only be used as a guide and it’s up 
to you to decide how and when to break it. 

The simplest and easiest grid to create is the single 
column. This structure also becomes the basis for all 
other grid types. How you create your grid is firstly 
decided by your page size and secondly by your chosen 
font point size and leading. The live area of the page is 
created by adding margins, which is easily done in the 
New Page dialog when you create a new document. 

You can make adjustments to the margins later on by 
selecting Layout>Margins and Columns. 
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Width: 2148 mm 
Height: +210 mm 


Orientation: [FS 


Outside: +10 


Next you need to create your baseline grid. This is a 
horizontal guide that works as a visual aid for aligning 
your body copy, as well as the majority of other elements 
on the page. It helps maintain consistency in copy 
positioning throughout the document, creating clean 
visual lines across spreads. A rough rule of thumb is that 


Set up your 


4In the New 


single column grid 


document's baseline 


Document Preset: { (Custom) ] eo) Document dialog 
Number of Pages: |1 @ Facing Pages ( Ganeel__) | box, create your 
(Co Master Text Frame page's live area and 
(Page Size: (AS add margins in order 
to create a basic Aeltive To: [Top of fogs 


View Threshold: (75% 


Increment Every: [3.351 mm. 


;- Columns  Documest orld = 
Number: =]1 Gutter: 214.233 mm Color: [BBLight Gray, 
~ Horizontal — 
- Margins Gridline Every: 25.4 mm 
Inside: =}15 mm 


grid in order to align 


your body copy. 


Adjust this figure to 
match your chosen 


body fonts leading 


the gutter should be double the width of the baseline 4In the Margins 
grid, and the outer margins should be double the gutter. = and Columns dialog 
The size of your baseline grid depends on the leading = a box (Layout>Margins 
that’s required for your body copy - different fonts need a —— oe = and Columns) 
different leading according to their x-height. If you find establish the number 
you need to adjust your current baseline grid, simply go — Margins Sa +] _ and size of columns 
to InDesign>Preferences> Grids, and in the dialog box Top: =| Inside: 2114 mm | that you wish to 
you will find all the options you need to make changes Bottom: 214 mm | = Outside: S174 mm | CGancet ) apply to your grid 
according to your page and font requirements. 4 Preview 
With your baseline grid visible, you need to adjust its — Columns 
starting point and align it with the bottom margin by Number: =] | Gutter: 213.5 mm] 
entering the required measurement in the Start field. An 
easy way to obtain the required measurementistodraw [~~] 
a box from the bottom margin to the nearest baseline 
and subtract this from the current start measurement. 
Once you're comfortable with producing basic single = 
column grids you can go on to create a multiple column 
grid by increasing the columns in the Margins and 
Columns panel found under the Layout menu. The ) 
TUSE LAYERS 2 VISIBLE GRIDS 3 ADD EXTRA INFO 4 MASTER PAGES 5 ADJUST BASELINE 
When working on a complex Add another dimension to your Adding folios, headers and marks | When you are making When you're working on a layout 
grid that uses ruler guides grids by creating a visible grid. while you're at the stage of adjustment to your grids, you that needs different hierarchies 
alongside the baseline grid, try You'll find that this is particularly _ creating a grid will help ensure need to remember to apply of text, such as 12pt crosshead 
adding the guides for different useful for a brand guideline that your pages have consistency _ them to the master pages ‘on 1Opt grid for instance, locking 
parts of the grid to different document or for advising other right the way through your so that any changes made all your content to the baseline 
layers in your Layers panel. This people (colleagues in-house document, regardless of how will be automatically added just may not work. What you 
enables you to lock layers and or in another agency) working many pages itis (from a small throughout the document. need to do instead is adjust the 
select different guides to turn on the document. Create the brochure to a book). It's also If you have a number of different _ baseline grid to half your leading 
onand off, keeping the page less _visible grid using the Line tool a good idea to consider them grids working throughout one size to allow for the difference in 
cluttered and ensuring youhave and frameandplacethemona __ early onin the process as your document then there's no reason _ font size. Once you have done 
all the information to hand when _non-printing layer. It's agreat way margin sizes willneedtobelarge _ not to create additional master that check to make sure that 
you need it. It's all about the to add information without the enough to accommodate this pages to add this information. all your body copy locks to the 
organisation, really! worry that it'll be printed. secondary set of information. Again, keep it organised. same baseline. 
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CREATE AN ACCURATE 


MATHEMATICAL GRID — 


Repeat (Edit>Step 

For maximum control over your design, this is a and = 

highly effective way to establish a complex grid... a youses Ths Repeat Count: [77 | GOK 
act as a secondary Horizontal Offset: + 37.0151 
borne god Vertical Offset: []3.5 mm] [1 Preview 


» 

* 

‘ 

2 5 

| E 

nee 5 
i / 5 
Beis SS E] 

THE BASICS FIRST 


Start with a basic four-column grid with a baseline and gutter set to 1Opt or 
3.528mm, and margins set at 1Omm for the top, 12mm for the bottom, 15mm for the 
inside and 1Omm for the outside. Count the amount of full text lines and divide this 


by your page height - in this case A4, or 297mm - and round up your figure. This A The ruler guides ) more columns you add, the more flexible your grid 
baseline grid measurement runs neatly to the edges of your page. align themselves will become. Remember, you don't have to stick rigidly to 
to the ascender, each column, you can flow text over multiple columns to 
descender or create some variety. 
x-height of your Ruler guides can be very useful for creating a 
body copy secondary baseline grid that aligns with the ascender, 


descender or x-height of the body copy, which is handy 
for lining up images. To create the grid, first drag a ruler 
guide in to the desired position, then with the guide 
selected go to Edit>Step and Repeat (shortcut: Alt + Ctrl/ 
Cmd + U), enter the required repeat count in the field, 
your desired baseline amount and the offset (the leading 
in the other field) and then hit ‘OK’. 

The most complicated grid system is the modular, 
which is broken up both horizontally and vertically by 
consistent flowlines. In order to create this type of grid 
in InDesign, you will need to place horizontal ruler 
guidelines on an already created column grid. The 
horizontal guides should be placed in relation to the 


2 VITAL MEASUREMENTS 3 MIND THE GAP baseline grid. 


For the grid to work effectively, the number of text 


View your document grid (Ctrl/Cmd+’) Next, line up your grid with the lines in a full column needs to be equally divisible into 
and move your x ruler axis to the document grid by making sure you the number of rows. For example, a column with 76 
central join of the spread. Open the have only whole grid squares in each lines of text divides easily into seven horizontal modules 
Grids panel (InDesign>Preferences) and column. The simplest way of doing this with ten lines each, with a baseline space between 

set the start point at zero. Enter your is to measure the gaps between the every module. The gutter is set at the same size as the 
baseline grid measurement (from step document grid and margin line, and leading, so the spacing around each module is equal. The 
1) in the Increment Every field, and the use these measurements to adjust modules can be flexible in height to meet the content 


Horizontal and Vertical document grid the values in your margin fields. Make 
hecbshsoeteToantOk. — cchumedentinccecoreai, | “For the grid to work effectively, the number 
of text lines in a full column needs to be equally 


divisible into the number of rows.” 
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4 Your document 


grid shows your 


margins and columns 


as well as the 
baseline and any 


ruler guides 


requirements, providing they are equal in size and work 
within the format. 

An even more effective system is to create a grid 
based on multiples of your baseline and use the 
document grid in conjunction with the baseline, 
margins and columns. This takes some mathematical 
planning but the time it saves through streamlining your 
workflow makes it worthwhile. For an example of this at 
work, see our walkthrough opposite on page 20. You can 
use this technique and apply the baseline grid to fit the 
page, or just use the standard format where this level of 
mathematical precision isn’t quite so important. 

The single-most important thing to remember when 
creating your grid is that the content should dictate the 
grid structure, and not the other way round. You should 
view your grid as a device that helps to aid the design 
process, creating clarity in your layout and helping to 
communicate its content effectively. @ 


4Using Preferences, 
you can adjust your 
document grid to 
match your chosen 
font's leading 


DESIGN A MODULAR 
GRID WITH EASE 


When designing complex layouts that juggle various 
types of content, this is the best type of grid by far... 


Ow COCR WEA 


Using the mathematical grid you created in the previous three-step box (opposite, 
‘on page 20) increase the columns to six via the Margins and Columns panel 
(Layout>Margins and Columns). Next, draw a box to measure out the rough size 
of one module. Repeat this for the length of one column on the page, leaving a 
baseline space between each. 


Ee 


2 KNOCK IT TO THE BASELINE 
Adjust the baseline grid so all the 


modules fit the format. Dragtwo ruler 9 LOCK-UP YOUR GUIDES 

guides to mark the negative space 1 

between two modules, aligning them Select all of the horizontal ruler guides 
with the baseline grid. With the ruler you just created and add them toa 
guide selected, open the Step and new layer in your Layers panel called 
Repeat dialog box found under the ‘Modular Grid Created’. Then make sure 
Edit menu. Enter the required you lock the guide and layer so there is 
measurement in the field, the height no chance of you accidentally deleting 
of one module and the negative space them. Finally, delete the boxes you 

in the Vertical offset (in this case initially used for setting up the grid. This 
4598Imm) and four in the repeat count. _ will help keep your layout clean. 
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GRIDS IN DETAIL 


STUDIO TRAINING: INDESIGN 


MASTERING GRIDS 


= IN INDESIGN 


Expanding on the guide on the previous pages, Jo Gulliver takes 
you through the processes she uses to create grids — from a basic 


single-column to a multi-columned modular magazine grid... 


Creating the perfect grid can take time and planning, but it’s worth 
investing this time as it can help to improve your design by giving it 
structure and balance. Even basic grids can aid your design by helping to 
maintain coherency throughout a multi-page document by giving your page 
structure and guides to align text and other elements to. 


yu and Increments panel 


[ee getting started, check which unit of 
measurement you're working in. Open InDesign 
and go to InDesign>Preferences>Units & Increments. 
Choose your desired unit of measurement from the 
Horizontal and Vertical dropdown menus in the Ruler 
Units section of the dialog. Here we've set units to 
millimetres as were working in print. 


4 Facing pages 


You can choose whether or not to have facing 


pages. If you're creating layouts for a book or 
magazine, make sure Facing Pages is checked. This will 
create the pages as double-page spreads (DPSs). You 
can also add page numbers, a start page and column 
and margin measurements. As we're creating a 
template grid, leave these as the default. 


2 Hocument options 


bs a new document and go to the Intent 
dropdown menu in the New Document dialog. Here 
you have three options: Print, Web, or Digital 
Publishing. As you scroll through the output options, 
the measurement unit changes for each option. Select 
Print and the default millimetres unit - selected 


previously - will appear in your height and width fields. 


Adding bleed 


Before hitting OK, click on the Bleed and Slug 
dropdown menu. Here you can, amongst other things, 
add bleed, The industry standard amount of bleed is 
3mm ~ so add this to all edges. Bleed is hugely 


important, so don't forget about it. Essentially it allows 
for a margin of error when your printed matter is 
trimmed at the printers/binders. 
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Throughout this walkthrough I'll show you the processes | use to 
create grids for magazines, books and posters ~ all of these techniques are 
transferable. A well-planned grid should in no way limit your creativity. The 
main thing to remember when using a grid is that it’s there for reference and 
as a guide - and sometimes the rules can be broken. 


gm single-column grid 


jm single-column grid is the most basic. This grid 
is a single live text column that takes up most of the 
page. Secondary information, such as page folio, sits 
outside of the live text area within the margins. This 
type of grid is good for text-heavy publications such 
as books and essays. We'll start with a small page size 
- select A5 from the Page Size dropdown. 


Placeholder Text 

Your document grid will be based around the 
leading of your body copy. Draw a text box that's the 
full height of the page, Ctrl/Right-click in the frame 
select Fill with Placeholder Text. Select the text and 
apply your typeface, point size and leading via the 
Control bar. For this example, we've simply used 
Times at 2.5pt, with a 12pt leading setting. 
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GRIDS IN DETAIL 


7 ‘lusting rulers 


As you are working with a 12pt leading, switch your 
rulers to picas. As you may know, | pica equals 12pt. 
A quick way to switch units - that you might not know 
about - is by Ctrl/Right-clicking on your rulers and 
selecting the measurement unit from the list. If you 
click in the point were both rulers meet, you can 
change both rulers at the same time. 


] 0 Fit the grid to the margins 


You'll see that the baseline grid doesn't align 
with the bottom margin. To correct this, draw a box 
from the margin edge to the document grid line and 
adjust the position of the bottom margin in the 


Margins and Columns dialog. In the Grids preferences, 


uncheck Grids in Back. This means your grid will stay 
on top of your objects and text as you design. 


resets 


Je Savinu.ncesets Saving presets 
Don't hit OK just yet. Instead, hit Save Preset 

and call it 222x300Omm (or similar). This saves the 

document size in the Document Preset menu for 


future use - which is useful if you often use custom 
page sizes. To use the preset in documents you create 
in the future, simply select it from the Document 
Preset dropdown in the New Document dialog. 


i 


Master pages 


gM placeholder text will give you a guide of what 
values to set for your margins. Switch to your master 
page (so the grid can be applied to any new pages you 
create) and go to Layout>Margins and Columns. Our 
settings here are: five picas at the top; four on the 
inside and outside; and six at the bottom of the page 


(to allow space for your page folio). 


1 Align to Baseline Grid 


Switch back to your pages with the live text and 
see how the copy works with your grid. Drag the text 
frame to fill the live text area, select the copy and in 
the Paragraph Formatting Controls hit the Align to 
Baseline Grid button. When creating a grid, keep the 
column widths for your body copy between 40 and 
80 characters in length for optimum legibility. 


1 Al eading rules 


Once you've chosen your body copy style - 
we're using 9pt text with an 11.5pt leading - you can 
use this data to calculate your grid. Convert your 
leading from points to millimetres by drawing a 
rectangle and entering your point size into the height 
or width field in the Control bar. InDesign converts the 
point size to the units you set as default. 
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{j Baseline grid 


G) bas can now add your baseline grid. Open up 
InDesign>Preferences (Edit>Preferences if you're 
working on a Windows PC) and go to the Grids 
section. In the Baseline Grid options, enter 12pt in the 
Increment Every field. Enter O in the Start field and 
make sure Relative To: Top of Page is selected from 
the dropdown menu. Hit OK. 


12 Magazine grid 


The next grid we're going to look at is a little 
more complex - welll use some basic maths to work 
out a document grid that fits the width of your page 
perfectly. Create a new document, with a custom 
page size of 222x300mm - which is a standard 
magazine trim size. Select Facing Pages, and add 
3mm bleed on all sides. 


222 (WIDTH OR HEIGHT) 
/ 4.057 (LEADING) = 


] Grid mathematics 

Now the maths begin. Divide the width of your 
page by your leading measurement (in millimetres). 
The sum will be equal to the amount of grid squares 
across the width of your page, which in our case is 
54,720 (222mm/4.057mm = 54.720). You probably 
won't get a whole number, but round up or down to 
get to one (so we have 55, here). 


GRIDS IN DETAIL 


16 Use the Info panel 


You can also do this visually. Holding down 
the Shift key to constrain proportions, draw a text 
frame that fits the entire width of your page. Fill with 
placeholder text and apply your chosen typeface, 
point size and leading. Make sure the frame is filled 
with copy, select all, and use your Info panel to find 
out the amount of lines in your test frame (55). 


] Grid colour 


A good tip is to apply a custom light grey colour 
to your document grids - it can be quite distracting 
when working on the page if your grids are too heavy 
in colour. As mentioned earlier, you may prefer to have 
the Grids in Back check box deselected, meaning your 
grid will stay on top of all elements (even images, 
objects with solid fills and so on). But that’s up to you. 


? More maths 

To create a 12-column grid you need to work 
out the width for your live text area. You can do this 
quite easily by multiplying the number of columns 
by the number of document squares in the column. 


Once you've done that you need to add on the gutters 
(one document grid width), which is the number of 
columns, minus one. 


‘222 (PAGE WIDTH) / 
55 (DOCUMENT SQUARES) = 


V7 Rounding up (or down) 


Round up or down (whichever is closest to a 
whole number) and divide the width of the page by 
this number (222mm/55 = 4.036). The sum will be the 
new leading measurement that you'll need to apply to 
your document and baseline grid. InDesign only 
recognises three digits after the decimal point - so 
bear that in mind. 


ope 


You may find your grid isn’t a perfect fit to the 
width of the page. To fix this, go to InDesign> 
Preferences>Units & Increments and in the Origin 
dropdown menu choose Spine. This sets the O point 
to the gutter of the two pages on the spread - the 
horizontal ruler now measures negative to the left and 
positive to the right. 


#12. X (GRID SQUARES) 
+ TICTHE GUTTER) = 


29 luetirst equation The first equation 


This has to total less than the amount of 
document grid squares you have across the width 


of the page, which you calculated previously. So the 
first sum to you need to try is: 12 (grid squares) x 4 
(leading) +11 (gutter) =59. This doesr't fit, so you will 
feed to reduce the lamount of document squares that 
you have in each column. 
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] ~— Aaalying your grid Applying your grid 

Open Preferences and select Grids. Enter the 
new leading value (4.036mm) into the Increment 
Every field of the Baseline Grid section. Using the 
millimetre measurement, InDesign will automatically 
convert it to points. Enter the value into the Gridline 
Every horizontal and vertical fields in the Document 
Grid section. 


21 Compound grid 


Now you've created your document and 
baseline grid you need to add your margins and get 
them to match the document grid. Here, we want to 
create a 12-column grid, so we can have multiple grid 
systems working with the same document grid. The 
12-column grid lets you have six, four, three and two 
columns working to the same document grid. 


2 4 Getting it right 


So, try 12x3+1=47. This works and leaves you 
with eight grid squares for your margins (55-47). You 


can now apply this to your master page. A good basic 
rule to follow when creating a column grid is: the 
margin size should be at least double the gutter width, 
and the gutter width should either be the same as 
your leading, or double your leading. Got that? 
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25 etc 


Add your desired top and bottom margins, 
remembering to leave space for your page furniture. 
You're going to go back and finesse these shortly as 
you will need to add a modular grid to the document. 
A Modular Grid is a grid consisting of both rows and 
columns: The grid workswall with newspapers: 
posters and layouts that include charts and tables. 


PEP PP Pitti iii) 


2 6 Waand bottom margins Top and bottom margins 

To calculate your top and bottom margins you 
can doa similar sum as you did for the columns, but 
this time you are going to work it out visually. Draw a 
square frame that fits the width of your column and 
then duplicate the box for the full height of the live 
text area, making sure you leave one baseline grid 
between each box (as shown above). 


GRIDS IN DETAIL 


27 Thepectect square The perfect square 


Alternatively, draw a frame that fits the live text 
area, and with the mouse button held down use your 
arrow keys to add the desired columns and rows. If 
your modules don't fit the live text area, then simply 
adjust your top or bottom margin. The modules don’t 
need to be perfectly square, they can be rectangles 
- all you need to do is find a solution that fits. 


28 Mading cuter guides Adding ruler guides 


Add ruler guides to the top and bottom of your 
boxes. You can do this by dragging and dropping your 
guides, holding down the Cmd/Ctrl key to get your 
rulers to span the full with of the spread. Or use the 
Layout>Create Guides dialog. Enter the number of 
rows, the gutter width and select Fit Guide to: 
Margins. Hit the Preview box to check everything fits. 


31 Creating multiple master pages 


With your document set up you can now 
start to create multiple master pages with different 
numbers of columns. Duplicate your master spread 
- select both pages, Ctrl/Right-click and hit Duplicate 
Master Spread “A-Master”. With the new master 
spread selected, open the Margin and Columns dialog 
and change the number of columns. 


29: 9 your preset 


Now you have your document set up, it’s good 
to go back and apply these changes to your document 
preset. Go to File>Document Presets>Define. Select 
the 222x300mm preset you created earlier and 
choose Edit. Enter the new information in the dialog 
that appears. Once you've updated the fields, hit OK 
to'save the new document preset: 


| 
| 
| 


324 aming pages 


Repeat this process until you have master 
pages set up for six, four, three and two columns. To 
rename your master pages to make them easier to 
work with, Ctrl/Right-click on the pages, select Master 
Options for “A-Master” and rename with the relevant 
number of columns. Repeat the process for all of your 
master pages. 
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_ Automatic page numbers Automatic page numbers 

Next, add automatic page numbers to your 
template. Place the cursor where you want to add 
your page number (in a new, locked text box) and go 
to Type>Insert Special Character> Markers> Current 
Page Number. The character displayed will update 
to real page numbers when you apply your master 
page to those in your layout. 


30 Poster grids 


Asa final thought, modular grids can be useful 
when creating posters. A quick way to create a 
modular grid for a poster is to use the Create Guides 
dialog (found under the Layout menu). First, set your 
margins and then in the Create Guides dialog enter 
the number of rows, columns and the gutter width and 
then check Fit Guides to: Margins. 


PRECISION TYPOGRAPHY 


INDESIGN FUNDAMENTALS 


PRECISION TYPOGRAPHY 


Working with type is a key part of most design jobs. Read on 
to discover how to harness the power of type in InDesign... 
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> The Character 


make most of your 
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Language: 


decisions when 
using InDesign 


— Xi 


panel is where you'll rf © Character x ] “Z 


toadmit that she and the Firetrap brand aren't 
necessarily aligned, but that was, according 
toher, the point of the collaboration. 

“t's so nice when a brand says: You 
can dowhatever you want and well make,” 
sheoxplains, “So did five designs and they 
were only going to make twowatches, but 
they liked 


a great example 
‘of Moross’ other signature’ illustration style 
~ slick geometric shapes forming bright, 
eye-catching patterns. 

Asifto further emphasise the 
breadth of Moross' creative output, the 
conversation swiftly moves from this quirky, 
fun project to somethinga little more serious 
— fre Mares atlaact When tha artist cit 


4 Particular attention should be paid when first setting the body copy of a new document, as this can affect the overall 


tone, look and legibility of the typography and the design job as a whole 


COMPUTERARTS.CREATIVEBLOQ.COM 


- 26 - 


Typography - and the relationship between type and 
imagery - lie at the very heart of graphic design. The 
actual definition of typography may differ depending 
on who you ask, but throughout this guide we will take 
it to mean the structure and arrangement of type and 
language to convey a meaning, rather than the actual 
design of characters and letterforms - which is in itself, 
of course, a separate discipline. 

Where once the setting and arrangement of type 
was predominantly a mechanical craft, the dawn of 
the Mac followed by the so-called ‘desktop publishing 
revolution’ changed all that, enabling everyone to grow 
accustomed to using fonts and working with type. As 
with anything though, the output derived from the use 
of any software is only ever as good as the practitioner 
using it and, in the hands of designers, InDesign has 
fast become the industry standard for page layout and 
precise use of typography. 

The typographic choices made by a designer will 
vary depending on their individual tastes and the 
appropriateness for the brief or job in hand. Sometimes 
the use of type within a design may take a backseat, 
while on other occasions it may need to be the dominant 
aspect, thus becoming the design itself. This isn’t a guide 
for teaching you how to design or make typographic 
choices but more for explaining the inner workings of 
InDesign’s type functions, equipping you with much 
more time to make those decisions. 

Let’s start by looking at the Character panel, which 
can be found by going to Window>Type and Tables, by 
pressing Ctrl/Cmd+T, or simply by selecting the Type 
tool (T) and then navigating to the A in InDesign’s 
Control bar. The Character panel is where you'll make 
most of your typographic decisions: weight, size and 
so on. If you are approaching a job in the right way, the 
decisions you make here will inform the baseline grid 
that you set up and indeed the overall design itself. 

The basic options within the Character panel are 
fairly self-explanatory, such as the font you choose, its 
weight and size. Selecting kerning, tracking and leading 
isa little more complicated, but understanding these 
options is key to any successful typographic design. Ona 
basic level kerning refers to the space between individual 
letterforms, whereas tracking refers to the overall 
spacing between groups of words and passages of text. 

Setting the kerning mode to Metrics will tell 
InDesign to rely on the built-in kerning pairs of the 
individual font, whereas with Optical kerning the 
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software determines the spacing based on the individual 
shapes of the characters. Metrics may be a preferable 
option if youre using one classic font with good kerning 
pairs within your body copy, but if you're using a number 
of different fonts then you may want to choose Optical. 
This should ensure that the overall spacing and feel of 
the type remains consistent. You then have the option 
to adjust the tracking with plus and minus numbers, 
increasing or decreasing the amount of space between 
the letterforms. Careful attention should be paid at this 
stage as the tracking option can have a dramatic effect 
on not only the look and feel of the type within a design 
but, more crucially, its legibility. 

Leading refers to the space between the baselines 
of two lines of text. The word originates from when type 
was manually set, with strips of lead used to increase 
the distance between two lines of type. Time should be 
spent considering the best leading size as it will affect 
your overall design but, as a general rule of thumb, the 
leading should be at least two point sizes higher than the 
point size of the text. This ensures that the ascenders 
and descenders do not clash. 


Muston 


itly 2 a th 


4 In the above example the Kerning drop-down menu in the Character 
) panel is blank as the headline has been manually kerned 


TOP TYPOGRAPHIC TIPS 


1TYPE IMPORT OPTIONS 


2 AUTOFLOW TEXT 


3 TYPE SHORTCUTS 


4 FORCE TAB 


5 REFLOWING AS TYPE 


If you receive copy from writers Another often overlooked time Rather than reaching for the Another fantastic quick shortcut One last type trick that may 

as Word documents (or similar saver when importing text isthe Character panel or Control for forcing part of a measure seem obvious but is often 

files supported by InDesign) Autoflow and Semi-Autoflow bar (the bar that runs along the of text to align right when the overlooked is the ability to paste 
then you'll certainly be aware text options. To apply this, when _ top of the InDesign interface) rest of the body copy is set to objects within text frames in 

of the frustration caused you have the text file ready to in InDesign to increase a font's align left is to use the Shift+Tab InDesign. You can even paste 
when InDesign imports styles, place, simply hold Shift and point size, a quick time-saving command. This forces the word groups of text frames and 
hyperlinks and so on from the click on a column. You'll see shortcut is to simply hit or words to align to the right objects within other text frames 
text file, often causing all sorts that the text will automatically Shift+Ctrl/Cmd+ (to increase the _ hand side of the text frame, (although that can get confusing). 
of conflicts with your InDesign flows throughout the document, _ point size) and Shift+Ctrl/Cmd- _ creating a tab of varying size This is particularly useful for 
style sheets. Well fear not. A creating new text frames and (to take it down). Similarly, to set _—_ in between, as long as you adding stylistic elements to 
quick and easy way to avoid this —_ pages as it goes. This is much a headline or body of text all in ensure that a carriage return is body copy such as line breaks, 

is to import text using the Place speedier (and less hassle) than caps simply hit Shift+Ctrl/ inserted where you want the entry points and even numbers. 
command (Ctrl/Cmd+D) and manually linking text frames. Cmd+K. However, it should line to break. This can come in It ensures that the object will 
then check the ‘Show Import To avoid creating new pages be noted that if the type was extremely handy when youhave _ flow and act like text, eliminating 
Options’ tick box. In the next in your document, use the originally written in capitals then to create long lists of information _ the need for text wraps and any 
dialog box check the ‘Remove Semi-Autoflow option by simply _ this will not work. Much faster ~ say you were compiling a tedious realignment of small 
Styles and Formatting from Text holding ShifttOption when than navigating to the top bar buyers’ guide or similar for a graphic elements if the text is 
and Tables’ option. importing the text. and tweaking settings manually. magazine or book. edited and reflows. 
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CREATE A DECORATIVE 
CUSTOM DROP-CAP 


Give the reader an instant entry 


Layout Notes Object Table View Window Helo 


2 CREATING OUTLINES 


7 EXPERIMENT 


For what you want to achieve 
here you're going to ignore 
InDesign’s drop-cap options and 
create our own. Select the first 
letter of the body text, copy it, 
paste it into a new text frame 
and delete the original one. Now 
fonts, sizes and weights until 
you're happy with the result. 


Once you're satisfied with the font choice you will need to make the character an 
object. Do this by going to the Type menu and selecting ‘Create Outlines’. Now you 
need to carefully position the outlined drop-cap on the first baseline so that the 
body copy sits on and apply a text wrap to it to knock the body copy over. You may 
need to adjust the right offset options to avoid an unsightly gap between the drop- 


cap and start of the body copy. 


| form in Birmingham, 
| educatedin Brighton and acclaimed across the 
| globe, Jasper Goodall and his stunning use of 
sexualised silhouettes and rainbow clashes of colour 
| came todefine an era of illustration, made him one of 
the most famous editorial artists on the planet and 
set trends that are still being mimicked to this day. 
No one is more aware of his visual legacy as | 


Goodall, though. And while imitation may well be the 
sincerest form of flattery, it's also the lock onthe 


pigeonhole. Goodall’s latest work takes ahammer to 
that lock, and in many ways was the catalyst to 
exploring new creative avenues. 


3 KEEP SQUARES WHOLE 


Next, line up your grid with the 
document grid perfectly by 
making sure you have only whole 
grid squares in each column. 
The most straightforward way 
of doing this is to measure the 
gaps between the document 
grid and the margin line, and use 
these measurements to adjust 
the values in your margin fields. 
You can always make additional 
adjustments to the grid square 
size if you need to - if the 
columns don't line up correctly. 


Font 
Size 
Clear All Overrides 
Find (Change... 
Spelling 

‘Text Frame Options... 
Anchored Object 


Case 
Hide Hidden Characters 


1 


Insert Footnote 
Insert Special Character 
Insert Break Character 
Tag Text 

Autotag 

Interactive 

Edit in Story Editor 
InCopy 


A The Insert White 
Space menu can be 
very useful when 
trying to make 
headlines sit flush 


to the margins. 


Fill with Placeholder Text 


> 
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Nonbreaking Space xxx C 
>» Nonbreaking Space (Fixed Width) b 
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Figure Space 


) When setting anything that sits outside of the 
main body copy, such as headlines or straps, it’s always 
best to ignore InDesign’s automatic settings and 
manually kern each pair of letterforms. This can be done 
by placing the type tool inbetween two letterforms and, 
while holding down the Alt key, simply using the left and 
right cursor keys to increase or decrease the spacing. 
Where a headline may sit ina little from the margin you 
may wish to insert a hair space. Right click within the 
text frame and choose Insert White Space>Hair Space. 
You can then manually kern the headline back without 
needing to extend the text frame. 

There are several other options within the Character 
panel that you can use to increase the vertical and 
horizontal scale of the type, giving it a stretched look or 
a forced italic effect. These options are often frowned 
upon by many designers as they distort the typeface, so 
when italicising a font it’s always best to choose one with 
an italic weight. One particularly useful option in this 
panel, however, is the baseline shift. This, as its name 
suggests, shifts the selected characters above or below 
the baseline. This is particularly useful when you need to 
include copyright or trademark symbols. 

The Paragraph panel is where you choose to have your 
type aligned left, right or justified, and where you can 
apply an indent to the whole passage of text or just the 
first line. Again this comes down to personal preference 
and the requirements of the job but, for legibility 


“When setting anything that sits outside of the main 
body copy, such as headlines or straps, it’s always 
hest to ignore InDesign’s automatic settings.” 
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reasons, it’s best to set body copy to align left or right as 
the justify setting often creates unsightly rivers through 


the copy. Force justified text comes in and out of fashion 


and is still prevalent in youth culture and edgy fashion 


magazines, for instance, where style frequently wins out 


over legibility. 

A stalwart of magazine craft over the decades, drop 
caps are employed as entry points at the beginning of 
a passage of text. They can be applied in the Paragraph 
panel by selecting the size of the drop cap and the 
amount of letters it covers. InDesign automatically 
applies the drop cap below the first line of text, soa 
better option is often to select the individual character, 
paste it into a new text frame, click on it and select 
‘Create Outlines’ from the type menu. You can then 
apply a text wrap to the character, resize it and position 
it wherever you choose. You may also wish to place 
an image within the character by simply hitting Ctrl/ 
Cmd+D and selecting an appropriate image, creating a 
decorative drop cap. 

When you have the type tool selected you'll find a 
small drop-down menu at the top right of the screen. 
This gives you a number of options when it comes 
to styling your text, such as Underline Options and 
Paragraph Rules. In the Underline Options window 
you can apply an underline and edit its size, weight 
and position in relation to the type you have selected. 
The Paragraph Rules window is also useful, letting you 
apply a rule above or below a whole passage of text, as 
demonstrated in the walkthrough, right. 

There are numerous other typographic options 
within InDesign, many of which are used more 
frequently by writers and copy editors than designers, 
but one worth mentioning is the Glyphs panel found 
within the Type menu. Here you'll find the glyph set 
for any given font, enabling you to select and insert 
individual glyphs within your document. You also have 
the option of creating glyph sets from different fonts, 
which can be useful for categorising your favourite and 
most frequently used glyphs. 

In this core skills session we have covered the 
fundamentals of using type within InDesign and how it 
can be applied and edited to achieve a certain aesthetic 
or feel. Ultimately, how well typography is implemented 
comes down to the designer themselves, but one of 
the great things about InDesign is that its abundant 
typographic capabilities and ease of use designers are 
able to get on with what they do best: design. @ 
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APPLYING PARAGRAPH RULES 
IN INDESIGN 


Make your body copy stand out by utilising this 
handy InDesign feature... 


Gap Color: |ZiNonel 
= Overprint Cap 


TPARAGRAPH RULES 


Here's a quick walkthrough to add a ‘highlighter’ effect to your type. With the Type 
tool selected, hit Ctrl/Cmd+A to select all of your body copy. Next, go to the small 
arrow at the top right of the screen and select Paragraph Rules from the drop-down 
menu. Select Rule Above On, choose a highlight colour and hit the Preview button. 


2 TWEAK THE OFFSET 


Now adjust the weight of 
the rule so that it covers 

the text and then tweak the 
offset so there's just enough 
space either side of the text. 
Make sure you're still leaving 
a gap between each rule - 
otherwise the effect will all 
blend into one. You can 

also select whether you'd like 
the rule to cover the length 
of the column or just the text 
itself - it's up to you. 


| 


a “st “=” 


3 SET-UP THE RULE 


You'll notice that the rules 
only feature at the start 

of every new line break. Once 
you've set-up the rule you'll 
have to go through the copy 
and insert a hard return at the 
end of every line to apply the 
tule throughout the whole 
body copy. You may also wish 
to add indents to the margins 
so that the text doesn't sit 
completely flush with the rule. 
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SPEED UP WITH STYLES 


Invest time in creating detailed style sheets to maintain consistency in your 
InDesign projects, and save hours previously spent using the Eyedropper tool 


> Group styles 
together in the 
Paragraph Styles 


panel for easy access 
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When it comes to putting together multi-page 
documents like books and brochures in InDesign it 
pays to be organised, and the best way to do this is with 
character, paragraph and object styles. These styles 
can help you do everything from create consistent 
crossheads to complex tables of contents, but getting 
the most from them does require forward planning and 
plenty of attention to detail. In the long run though, 
by making the most of these options you can not only 
retain a consistent design across a multitude of pages but 
also save yourself valuable hours when it comes to laying 
them out. 

Creating character and paragraph styles may seem 
unnecessary when you can just use the Eyedropper 
tool, but if you have SO pages all needing a caption style 
update then this is a very imprecise way to work. Besides, 
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they are much more useful and intuitive than you might 
think. Not only are they invaluable when it comes to 
changing type styles across an entire document but, 
when used in conjunction with each other, they can 
create complex nested styles with loads of formatting 
options that can be applied with a single click. 

The same is true of paragraph styles. Grouping them 
together to create sets can save hours of searching 
through menus. You can either group them by types 
of style, such as body copy or boxout styles, or you can 
group together all the fonts from a certain section 
to enable easy finding. To transfer styles from one 
document to another, always import them via the 
Paragraph Styles panel rather than copy and paste and, 
if they are named properly, they will integrate seamlessly 
into your document. If not, you could easily end up with 


Apply "Box py" 

‘Apply "Boxout copy”, Clear Overrides 
Apply "Boxout copy”, Clear Character Styles 
Apply "Boxout copy”, Clear All 


Copy to Group... 
New Group from Styles... 


‘A You can group 
styles by type, such 
as boxout copy or 
header copy, to 


enable easy finding 


Style up your body 
copy and ensure that 
it remains consistent 
throughout the 
whole document 


a collection of confusing duplicate styles and edit the 
wrong one when making document-wide changes. 
Using styles is all about retaining consistency so, 
when building documents with a hierarchy of fonts, try 
using the Based On drop-down menu in the Paragraph 
Styles dialog box. This works a little bit like a master 
page and helps retain consistency across a variety of 
similar styles. For example, you might have a body 
copy style that needs a drop cap as well as an indented 
and non-indented version. If you base all of them ona 
standardised body copy, turning off the indent on one 
and turning on the drop cap for a third, you can then 
edit core features like weight, kerning, colour and so on, 
and it will be applied across all three styles. This is great 
for making document-wide changes on the fly and, if 
you group them together in your Paragraph Styles panel, 
then you can ensure they will always be to hand. 
Another often neglected function in the Paragraph 
Styles dialog box is the Next Style function. This is great 
if confronted with a large block of text with lots of 
crossheads or subheadings in, such as a question-and- 
answer page. Create a paragraph style for the subheader 
and one for the body copy, then in the paragraph style for 
the subheader define Next Style as the body copy, and 
vice versa. You can then apply this formatting to the 
whole selection of text by simply selecting all the text 
and right-clicking on the relevant style in the Paragraph 
Styles panel, then selecting Apply Style and Next Step. 
This will style up all the copy alternating between » 


CREATING PAIN-FREE 
TABLE STYLES 


Set up table styles for documents to help streamline 
your workflow and ensure consistency in your design 
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RIDER WEIGHT | BOARD SIZE 


TREPEATING STYLES 


Once you've styled up your table using the Table Setup dialog box and a selection 
of paragraph styles, it's time to repeat this style on a number of other unformatted 
tables. To pick up the table style, put your text cursor in one of the boxes and select 
Create New Table Style in the Table Styles panel. This will pick up any formatting of 


the body rows, including alternating patterns. 


2 TABLE STYLES 


KIDS 
RIDER WEIGHT 


BOARD SIZE 


35-45 90 
35-60 101 
40-70 mW 
50-80 121 
55-100 126 
60-115 131 
75-120 134 
80-130 138 
110-150 141 


3 CELL STYLES AND BLANK TABLES 


Now assign a header style. Before Next, create additional cell styles for 
you open the Table Styles dialog box footers, left-most columns and right- 
and edit this, right or Ctrltclick on most columns to change the attributes 
the row you want as your header and of those areas. Rather handily, you can 
define it as the header row. Open now format your blank tables at the 
up the Table Styles dialog box and click of a button - saving an incredible 
create a new cell style using your table amount of time if you have a lot of 
header paragraph style. Assign the tables to produce for a project. Bear in 
header row to this cell style and it will mind that if your table is not behaving 
automatically style up your header as itself, try selecting all the rows and 
you require. Alternatively, give your making sure another cell style is not 
table a pre-defined header in the conflicting with your table style (check 
original Excel document, and then this in the Table Styles panel by going to 
import it as a formatted table. WindoweStyles>Table Styles). 
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APPLY EASY GREP STYLES 
TO YOUR TEXT 


Use this advanced pattern-based search technique 
to quickly and easily apply character styles to text 


TTEXT PATTERNS 


GREP styles find patterns in the text and apply styles to them accordingly. For 
example, if you want to bold up all instances of a certain word or phrase in your 
body copy, simply open up the Paragraph Style Options panel of your main body 
copy font and go down to the GREP styles menu option. Add a new GREP style 
and here you will see a drop down menu where you can choose which pre-defined 


character styles to apply. 


2 AUTOMATIC STYLES 


—a a 


3 STYLE UP SPECIFIC CHARACTERS 


Click the @ symbol next to To Text As well as highlighting specific words, 
and you will see a list of the potential you can also style up specific characters 
searches the GREP styles cando onthe —_ or character combinations. In the 
body text of your article. If you want to example above, numbers within the 
type in a specific phrase, this is where document are being made pink, but if 
you can add it in. In this instance all you don't want to highlight every single 
examples of the word ‘snowboard’ number, you can further refine your 
have been made bold. When editing GREP styles search fields by adding 
the text, this will automatically style up more filters. For example, you could 
any instance of this word so that none choose to only highlight numbers with 
will be missed out if the copy is changed. _ more than eight sequential characters 
This tool is really useful for ensuring in, for instance, phone numbers, grid 
text style consistency throughout your references on a map chart or numbers 
entire document. in parentheses for footnotes. 


> The Paragraph 
Styles dialog box 
enables you to 


create styles for all 


groups of text 


General 
Basic Character Formats 
Advanced Character Formats 
indents and Spacing 
Tabs 
Paragraph Rules 
Keep Options 
Hyphenation 
Justification 


GREP Style 
Bullets and Numbering 
Character Colour 
OpenType Features 
Underline Options 

Strikethrough Options 


) the subhead and the body copy, saving you valuable 
time. It also means that, if writing copy directly onto the 
screen, the text style after your subheader will instantly 
be the body and you won't have to restyle the copy. 

These style tips are undoubtedly great for big blocks 
of text that don’t need a lot of fiddly character styles 
integrating into them, but if you want to create much 
more varied type styles within a block of text then you 
can make paragraph and character styles work for you by 
using nested styles. Nested styles use break characters, 
such as tabs or soft returns, to create breaks in the copy 
and apply new character styles, which is great for blocks 
of detailed text such as specifications in a buyers’ guide, 
for example. It is here that being organised really pays 
off for your workflow as you can build up a variety of 
character styles that can be applied sequentially to your 


“Nested styles use break characters, such as tabs 
or soft returns, to create breaks in the copy and 
apply new character styles.” 
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= Copy to Group... 


New Group from Styles... 


paragraph - just make sure that the copy is styled up 
appropriately before importing. 

In addition to creating styles for text, it’s possible 
to create styles for objects that you can manage in the 
same way. As well as changing the look of the frame you 
can also change its attributes, such as how an image sits 
within it when placed. This is great to add to templates 
as it means that when importing images into a feature, 
they can be centred and proportionally constrained 
within a frame at the point of placing. This can save time 
if you are importing lots of images at once, and will help 
your pages take shape quickly as you don't have to go 
back in and resize them. 

As well as styling frames you can also save styles for 
tables. Creating tables can be a complex and frustrating 
process, but if you take the time to create styles then it 
can make the process much less painful. Try to think 
of the relationship between table styles and cell styles 
ina similar way to the one between paragraph styles 
and character styles. Using them together is a bit like 


STYLES PANEL SECRETS 


TEASY WAYS T0 2 SAVE TIME WITH 
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creating a nested style for your tables. We explore the 
intricacies of setting up and editing a table style in more 
detail in our step-by-step walkthrough on page 31. 

With your text, frames and objects all styled up, you 
can make them work even harder still. For example, try 
creating a table of contents using the copy from your 
crossheads and the Table Of Contents tool. This will 
create a contents style that takes all the text in a defined 
paragraph style and builds a contents table based on 
them. The page numbers can then be updated if you add 
or remove pages, so the references are always correct. 
You can also use your paragraph styles to create dynamic 
cross-references and footnotes via the Cross References 
pane, so you need never have a wrong page reference in 
your documents again. 

It is through functions like this that you really begin 
to see just how useful styling objects correctly can be. So 
next time youre setting up a page in InDesign, get your 
styles sorted right at the beginning and it might just help 
you in the long run. @ 
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USING STYLES 


4 The Next Styles 
function is useful 
when styling blocks 
of text with lots of 
sub or crossheads, 
letting you style 
the body copy and 
headers separately 


5 STYLE PARAGRAPHS 
WITH LINE STYLES 


Redefine your text styles You can use the Quick Apply If your text has taken on new, Giving your most-used An excellent tip is to create 

by hitting Ctrl/Cmd+Alt/ dialog to format your text and sometimes unwanted paragraph styles keyboard line styles instead of drop caps 
Opt+Shift+C for character styles without having to open your formatting, you can force it shortcuts will save time. For for styling up the first line of 

and Ctrl/Cmd+ Alt/Opt+Shift*R Paragraph Styles panel. To (or indeed object styles) back example, you could use Ctrl/ a paragraph (do this in the 

for paragraph. Select your access it, simply select your text __to the original formatting state Cmd#1 for intro copy, Ctrl/Cmd+ — Paragraph Styles panel). The 
text with the style you want to and then press Ctrl/Cmd+Enter _ by simply Alt/Opttclicking on 2 for indented body copy and copy can then be edited and will 
redefine, make changes to the to search your paragraph styles. _the style in the Character or Ctrl/Cmd+3 for a crosshead. Set — dynamically restyle itself to keep 
attributes, then redefine. Very handy. Paragraph Styles panel. these up in the Styles dialogs. your chosen styling. 
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URBAN CLOTHING BRANDS 
ON THE HIGH-RISE. 


Here at CA-DeeEm® we're always on the 
look for clothing lines to partner with, 
Paul Tysall profiles those brands we 
hooked up with last year... J 


Pp fore we get ito any design work 

& the key to keeping track of along, 
ka involved projectis to workout exactly 

what is required of the final product, and 

to plan your workflow and document usage 

accordingly. Plan out sections then create 

@ folder structure in your Style Sheets that 

reflects this. 
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MASTER STYLES 


KEY SKILLS 

+ Creating type solutions 

+ Design development through 
duplicated styles 

+ Refining type styles 

+ Locking down consistency 

+ Amending live work 


AUTHOR: Paul Tysall 


aussi EST. 2010 


NOBI_ 


GORE SKILLS 
MANAGING STYLES 


ACROSS A BIG PROJECT 


Astyle sheet is a fundamental way of keeping your 
documents consistent as well as helping you to work 
more efficiently... 


MORE SPEED, LESS HASTE 


Paul Tysall, freelance designer, www.tysall.com 


There's a notable difference between working fast 
and working efficiently, sometimes speeding through 
design tasks can create more problems that it solves; 
the main culprit being inconsistencies throughout a 
project. At best this can be a little embarrassing, at worst 
it could lead to unhappy clients. Setting up Paragraph 
and Character Styles can seem like a luxury best held 
off until a later date, but if you incorporate them into 
your design workflow they'll enable you to work quickly, 
efficiently and with confidence. 

Following on from the guide on the previous pages, 
this walkthrough will give you an understanding of how 

copyin ere. Se capt apy ere 

inh, Someeaptn copy are. to get the most from Paragraph and Character Styles. 
You'll discover how they can radically streamline any 
big project. If you're working as part of a team they can 
eradicate confusion over appropriate styles (a good sub- 
editor will thank you for adding and adhering to Styles), 
and once the project has gone live they can help you 
make alterations across the entire project. @ » 
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1 The master document 

Create a new document, this is going to be your 
Master document - type style and colour choice will 
happen here. Only later on in the dev process, when 
decisions have been locked down should you save out 
from this document to create live templates and 
artwork docs. Open the Paragraph Styles panel. 


4 Creating a new Paragraph Style 

To add a style to the Paragraph Styles panel, first make 
sure you have the desired style group selected, then 
with your Type tool placed in the targeted text, Opt/ 
Alt+Click the Create New Style icon. This will create 
the style whilst at the same time opening the New 
Paragraph Style dialog. 


7 Duplicate styles 


This is the basis for using styles to streamline your 
workflow. To create an instance of body copy without 
an indent, select the original Body INDENT Paragraph 
Style and Ctrl/Right*click for the contextual menu and 
select Duplicate Style. Then double-click the duplicate 
style to open the Paragraph Style Options dialog. 


THIS.1IS- DEV HEADLINE 
1 STYLE OVER 2 DECKS+ 


THIS IS DEV HEADLINE 


2. STYLE OVER 2DECKS+ 


2 Create style groups 


Decide which sections or materials need designing 
and make a group folder structure in your Paragraph 
Styles panel for this. Add another Paragraph Styles 
group for your development stage, labelled ‘DevOT. 
You'll use this for developing mainstay type styles, 
duplicating the group at various development stages. 


5 Basic Character Formats 


Next, set your body copy style. Under General give 
the style a name such as: Body INDENT [typeface 
name] - when developing include the typeface name 
as a reference. Moving on to Basic Character Formats, 
and with the Preview box selected, set characteristics 
like Kerning to Optical and also set Tracking values. 


8 Edit duplicated styles 


The next stage is to make sure you rename ‘Body 
INDENT to ‘Body NO INDENT’. From the Next Style 
option navigate to the original Body INDENT style - 
so now any following paragraphs will be indented 
Then head down to Indents and Spacing to remove 
the First Line Indent value and click OK. 


COMPUTERARTS.CREATIVEBLOQ.COM 
= 36= 


STUDIO TRAINING: INDESIGN 


SETTING UP STYLES FOR BIG PROJECTS 


Style sheets are essential for maintaining consistency, especially across large projects... 


THIS IS. DEV-HEADLINE 
1 STYLE.OVER 2 DECKS+ 
THIS 1S:DEV 

2-STYLE-OVER 2DECKS+ 


3 Building block style sheets 


Once you've got a few ‘on the page’ variants for your 
house styles, start to assign Paragraph Styles for each. 
It's good practice to do this early on - that way you 
can begin refining and editing via the Paragraph Style 
Options window (as apposed to jumping around the 
interface to edit type styles). 


6 Indents and Spacing 


Under Indents and Spacing add a value for the First 
Line Indent - an established norm for this value is to 
duplicate the column gutter value associated with the 
page. Always ensure your body is locked to the page 
baseline, so choose the All Lines option from the Align 
to Grid menu and click OK. 


DEV HEADLINE. THIS.IS:DEV-HEADLINE- 
=-OVER 2 DECKS+ 2STYLE OVER 2DECKS+ 


9 Duplicate, edit and repeat 

By duplicating Paragraph Styles you can begin to build 
other typographic solutions that share common 
characteristics, or that are different instances of the 
same style for different scenarios. You can duplicate 


styles to try out different solutions. Labelling styles is 
key to preventing things from getting confusing. 
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‘quatur adio offic te simendam ll maximpeles quia porempo ressita, 


10 Adding Character Styles 

Duplicate the Body NO INDENT style and rename it 
to ‘Body Ist Para(graph)’. Again, you can set Based On 
to the style you've just duplicated and add ‘Body 
INDENT’ to the Next Style option. Moving down to 
Drop Caps and Nested Styles, add values for the Drop 
Caps Lines (4) and Characters (1). 


13 Character Style options 


To make a Character Style, you're best avoiding the 
Opt/Alt+click method in step four. Instead, making sure 
you've selected the appropriate Character Style group, 
click the Create New Style icon and double-click the 
new style to open the Character Style options. We've 
named this Character Style ‘Body DCAP’. 


11 Preview... or not 

From this point you could go into Character Style 
options and create a new style for the drop cap by 
choosing New Character Style. Unfortunately, you 
can't preview the edits you make until you've applied 
them (even with the Preview tick box selected) so for 
now just hit OK. 


“By duplicating Pa 
typographic solut 
different instances of t 


14 Refining the drop cap 


Other stylistic edits can be made in the Character 
Style options: refine the tracking, choose a character 
colour or try the strikethrough settings, all with a Live 
Preview. With these edits done click OK and go back 
into the ‘Body Ist Para’ Paragraph Style and return to 
the Drop Caps and Nested Styles options. 
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12 Drop cap 


We need to develop the drop cap character style on 


the page - in the above example the typeface has been 
changed to follow the proposed headline typeface but 
with a weight increase. Also, some tracking has been 
applied to stop the body from butting up too close to 
the letterform. 


15 Adding Character Styles to Paragraph Styles 
Hit the Character Style menu and select the new drop 
cap style (Body DCAP). To extend the properties of 
this paragraph go into the Nested Styles pane, click 
New Nested style and then in the dropdown choose 
New Character Style. This opens up the New 
Character Style window. 


ND NAME HERE | 


16 Using Nested Styles 

Name the style ‘First 3 words’ then identify the body 
typeface for the Font Family and Font Style under 
Basic Character Formats. In this case, the colour has 
also been set to match the drop cap. Click OK, and 
change the Nested Style properties to ‘through’, add a 
value of 3 with ‘words’ as the description. 


17 Making live house styles 


You can see how duplicating and building upon existing 
styles helps unify typographic elements. Now with the 
‘DevOl' group folder selected, Ctrl/Right+click for the 
menu and select Duplicate Style Group. Rename this to 
‘Standard’ or ‘House Styles’. Now start the process of 
reviewing and removing development styles. 


18 Check ‘Based On’ settings 

Once you're happy with the contents of this style, 
review the Based On setting (under General) for styles 
that are variations of the same style - Body INDENT, 
Body No INDENT and Body Ist Para - and that they all 
share an existing paragraph style (so if you make a 
minor change to one the others will follow suit). 
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21 New boxout styles 


Using the new boxout style and following the method 
of duplicating and editing from the previous stages 
create a no indent first paragraph, a strapline style 
(with any relevant Character Styles) and a header style. 
Be careful to ensure the Next Style options follow the 
correct order. 


19 Copy styles to 

new groups 

With the house styles 
now finished you are 
ready to move on to 
section specific styles. If 
you want to copy a style 
from the Standard/House 
group - to use asa 
starting point for a new 
style - click on the 
targeted style(s) and Ctrl/ 
Right+click, and then 
select Copy to Group. 
This opens a pop-up 
window. In this new 
window, select the 
destination group 

from the list. 


Boxout leading options 


In the above example the strapline and header have 
been sized for hierarchy purposes, keeping in mind that 
our boxout text frame has a bespoke baseline setting of 
12pt. The strapline is TIpt on I2pt, the header is 22pt on 
22pt but its Align to Grid option has been set to First 
Line Only. 


24 Span Column 
set ine . 


Now head back into the 
Paragraph Styles Options. 
For the strapline, head 
down to Span Columns 
and for the Paragraph 
Layout set this to Span 
Columns, while leaving 
Span on the All option. 
For this example, the 
Space After Span has 
been set to 2mm. The 
same settings are applied 
to the header but with 
no Space After value 
because of the 
hard-return between 

the two styles. 
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20 All-in-one boxout styles 

In this new section group setup styles for a boxout 
(body, strapline and header) that will work in one single 
text frame. From an existing body style - caption style 
or body style for example - edit it to work as your 
indented boxout body, ensuring you have the All Lines 
option selected in Align to Grid. 


This is 2 boxout header that spans 
across two decks only 


irst Line Only baseline 


The First Line Only setting helps retain a tight leading 
setting for the header whilst also keeping a consistent 
return space from header to strap when the text frame 
is resized vertically. The next stage is for you to get the 
header and strapline working across all the columns of 
the text frame. 


5 Review your style sheets 


Once you've got a complete collection of style groups 


- incorporating various Paragraph and Character Style 
settings, all of which are tailored for specific sections 
and duties - and they've been applied to your page 
design, it's time to review them on the page making 
sure that all styles have been applied correctly. 
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B Break Link to Style 


However, if the overrides are settings you want to 
keep - not for the targeted Paragraph Style, but to 
create a new Paragraph Style - you can simply unlink 
the setting. From the Paragraph Style’s fly-out menu, 
select Break Link to Style. Now you can use the 
paragraph to create a new paragraph style. 


"THIS IS A HEADER 
ACROSS TWO DECKS 


Create templates 


You now have a document from which you can 
artwork or export section templates. Delete the 
irrelevant style groups per section templates - to 
make sure you don't use styles not intended for that 
section. You've now got a solid set of foundation 
pages to create mockups for client approval. 


26 Check for 
overrides 


Place the Type tool into 
a section of text and 
look to see if it's 
matching up with the 
correct Paragraph/ 
Character style. If a 
small + sign appears 
next to an style entry 
this means a change is 
present that doesn't 
fully match that Style 

- referred to as an 
Override. Hover your 
cursor over the Style 
entry to reveal which 
additional settings have 
been applied. 


Over the shoulder changes 


STYLE SHEETS IN DETAIL 


Forced styles 


To clear the overrides simply Opt/Allttclick the style in 
the Paragraph Styles panel to force it back to its 
correct properties. If after forcing the style it still 
doesn't look right, check there aren't additional 
character styles applied. The quickest way to do this is 
select [None] from the Character Styles panel. 


If you need to review this document with another team member during the process - an editor or creative 


director for example if you're working on a magazine project or similar - and they ask you for changes, 
sometimes it can be a whole lot quicker to make amendments live on the InDesign document page. Naturally 

this process will force overrides into your settings, so you have to remember to reset them. With the Type tool 
placed in the amended text, all you need to do is Ctrl/Right-click the Style and choose Redefine Style from the 


menu that appears. 


31 Always amend master templates 

Even when a project has gone live and you've started 
to create pages intended for publication, late changes 
can occur - especially if you've had to move the job 


forward in advance of any client feedback. Always 
make these amends to Paragraph and Character 
Styles on your master templates first. 
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32 Import amends to live documents 


This ensures new pages created from templates will 
match up with any client changes. Live pages in 
production can be edited by selecting Load 
Paragraph/Character Styles from the flyout menu. 
Select the Uncheck All tick-box, then identify the 
style(s) from the list to be imported. 


TEMPLATES AND LIBRARIES 
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TEMPLATES AND LIBRARIES 


Detailed templates and libraries ensure that the whole design process runs more 
smoothly, cutting out repetitive tasks and giving you more time to be creative... 


> Make sure layouts 
are workable before 
converting them to 
templates, so you 
don't need to keep 
changing masters 
and style sheets 


‘Stylesheets. 
a 


(© 100% x 


Sty. 
DIRECTORY 


‘Bi"Stylesheets.indd @ 100% ™ ' 


Like style sheets, templates and libraries require a 
decent level of investment at the start of the process 

to save considerably more time further down the 

line. Successful templates must follow a clear path of 
development, and although this process can be rigorous, 
the payoff is worth the time and effort. 

The key to success is to start with a clearly defined set 
of objectives. Gather as much information as possible 
that will influence your choices during the construction 
stage and outline the project's objectives. This will 
ensure the template is built to serve its intended 
purpose, and the subsequent phases in the design 
process should run smoothly. Even just a few hours of 
planning can save weeks of development time. 

Having gathered as much information as possible in 
terms of design, workflow, printing and so on, you're 
now suitably prepared to create a mock-up layout. To do 
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this, build a detailed sample document that contains the 
entire range of elements within the publication’s design. 

At this point you shouldn't be concerned with setting 
up the page framework, master pages, style sheets, 
object libraries, colour swatches or other template 
elements - you'll do that in the next step. It is also not 
necessary to build a complete publication. Just be sure 
to include a sample of each page design and any possible 
layout variations. 

First of all, you need to decide on your page size and 
set your margins, gutter widths, body copy and leading 
values ~ see ‘Get to grips with grids’ on page 18 for more 
on this. With a vertical grid set up, it’s time to do the 
horizontal grid. Set up your baseline to the same values 
as your body copy’s leading, and ensure that all other 
type aligns to the same baseline by using leading with 
multiples of that for the body copy. For instance, if 
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A You'll often be 
missing live copy 


> Design elements 
such as this box can 
also be added into 


your libraries for 


to insert in your 
template, so fill the 
space with Lorum easy access, and 
Ipsum placeholder to help save you time 


text instead as you work 


“Successful templates follow a clear path of 
development, and although this process can be 
rigorous, the payoff is worth the time and effort.” 


your body copy has 11pt leading, all other copy will be a 
multiple of that - so 22pt, 33pt, 44pt and so on. This will 
enable them to snap perfectly to the grid, and create a 
neat and structured feel. 

You often won't have final copy to play with during 
the mock-up stage, but you can generate dummy 
text quickly by placing the cursor in a text frame and 
choosing Type>Fill With Placeholder Text. By default, 
this is based on the Lorem Ipsum text. The time and 
energy you spend at this stage of development is an 
investment that will repay you many times throughout 
the duration of the template construction process. 

You're now ready to embark on the construction 
of the template. To set up the master pages, place any 
recurring design elements and placeholder frames into 
the correct position on the layout grid. Select and copy 
the desired page elements, double-click A-Master within 
the Pages panel and paste them into place. Ensure all 
text and image boxes are empty, unless their elements 
will be consistent each time. 

If you intend to have page numbers on your document 
you can apply a special character, which will insert the 
correct page number when you add your master page to 
your layout. Create a text field in your master page and 
go to Type> Insert Special Characters> Markers> 
Current Page Number. 

You can also import master spreads from another 
InDesign document. Simply choose Load Master Pages 
from the Pages panel menu, and locate and select an 
InDesign document from the Open dialog box. If the 
document includes master pages with the same name as 
those in the current document, InDesign displays the 
Load Master Pages Alert dialog box. ) 


WORKING WITH A 


H | LIBRARY IN INDESIGN 


Quickly add your design elements with zero fuss, 
and store objects to use later on... 


WANT MORE? 


1 SPEED THINGS UP WITH A LIBRARY 


Let's start with a design that has several elements that require adding to a library - 
in this case a magazine layout with page furniture, boxouts and so on. Create a new 
library by going to File>New>Library. Rather than dragging each element to the 
library one at a time, we're going to try two alternatives that will drastically speed 


up the process for you. 
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2 ADDING ITEMS 


We can instruct through the library 
drop-down menu to either specify Add 
Items On Page and/or Add Items On 
Page As Separate Objects. If we choose 
the first option, Add Items On Page, we 
get a library item containing all objects 
on the page as one library object. This 
means that when you drag the objects 
from your library to your document it 
will bring all the objects over. In some 
cases this may be the correct solution, 
but more often than not you're going to 
want to add objects to your library as 
separate items. 
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So, if we choose the second option 

~ Add Items On Page As Separate 
Objects - InDesign will automatically 
create separate graphic objects for us 
across the entire spread (as you can see 
in the screenshot above). Bear in mind 
that if you have a group of objects that 
make up one style such as the box-out 
illustrated here, you should group these 
objects first before using this option. 
This way InDesign will class that group 
as a single library object and not split 
into individual library objects. As you 
can see, building up a library is easy. 


TEMPLATES AND LIBRARIES 
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> Create master 


pages for any 


information that 


needs to be 
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whole of your layout, ® | 
such as headers | 
and footers 
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A Use the Insert 
Special Character > You can replace the existing master spreads, or 
rename the incoming master spreads. If you re-import 
from the same document at a later date, InDesign will 
update them. This provides you with a useful way to 
synchronise them between documents without having 
to use the Book feature. 

Next, create an object library (File> New> Library) 
and save it in the same working location as your 
template. Drag over and label any logos and graphic 
elements you may need when rebuilding your page as a 
working document, but avoid elements that can easily be 
recreated, such as text boxes. Double-click the element 
within the Library panel to add a description. You can 
also change the Object Type option, which describes 
what kind of object it is, and will help you locate certain 


By creating all necessary colour swatches, you can 
control the colour globally in a document. The type 
and number of swatches is dictated by the publication's 
design requirements, and as always, name all your 
swatches clearly. Use the sample content in your 
mock-up layout as a basis for creating all the necessary 
character and paragraph style sheets. See our 
three-step guide to creating style sheets on page 43 
(opposite) for more on this. 

Once your template is finished, you need to clean it up 
and prepare it for production before you begin using it. 
It's likely that you've generated quite a mess of different 
elements, so this last step in the process ensures that 
your template is clean and easy to use. When the 
template is ready for production, simply save it as an 


command to create 
correct page 
numbers when you 
add the master page 
toa document 


specific elements. 


TOP TEMPLATE TECHNIQUES 


1 DESIGN LAYOUTS 
FROM SCRATCH 


Best practice design tells us 

we should create a workable 
layout before applying elements 
toa template to prevent going 
backwards to update style 
sheets or master pages - this 
will just waste time and negate 
the purpose of templates and 
libraries! So, in short, never 
create a reusable element 
before nailing the exact (or near 
enough) treatment first. 


2 USE THE F-KEYS FOR 
UNSTYLED COPY 


If you are working with unstyled 
copy, the use of a few Function 
keys can save time and be 
defined within the required style 
sheet. This process works best 
where you need to apply the 
same style several times within 
the same layout. To apply, all you 
need to do is simply click within 
the paragraph or line of copy, 
pros the F bury and apply tie 
required style. 


3 ESSENTIAL YOU LABEL 


InDesign template file and begin the testing phase. 


4 BE SELECTIVE 


EVERYTHING CLEARLY 


The naming of any style or 
master page is as important as 
the style itself. If you're working 
within a team or on a project 
with many styles, you need a 
naming process that's easy to 
understand. You could use a 
prefix that relates to the section, 
then a name that's clear, for 
instance: ‘News Headline 20pt', 
‘News Standfirst.14pt’, ‘News_ 
BodyCopy’ and so on. 


WITH YOUR LIBRARY 


You do not need to add every 
text box, graphic or picture to 
a library. All you need to dois 
carefully add complete design 
elements that won't be altered 
from issue to issue, but may be 
positioned slightly differently 
each time. For consistency, 
elements should exist in the 
library exactly as they will appear 
onthe fival pegs: The means 
they will always look the same. 
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5 KEEP TEMPLATES TIDY 
AND UPDATED 


The reality is that templates will 
never be complete and you'll 
always want to tweak or redesign 
elements. Always update your 
templates - there's nothing more 
frustrating than having to make 
corrections before you can start 
to design your layouts. Making 
tiny adjustments each time 
before you can start working will 
also have a detrimental effect on 
your workflow. 


STUDIO TRAINING: INDESIGN 


TEMPLATES AND LIBRARIES 


EASY-T0-CREATE 


STYLE SHEETS 


A quick and pain-free way to create handy style 
sheets for all your design projects... 


(Name with Colour Value 
Colour Type: { Process @ 
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Preparing a template for production involves a 
number of important stages. To being with, you will 
need to remove all the sample layout elements from 
the document. It may be best to just delete all the 
document pages and create new pages based on the 
clean master pages. Also override any master items that 
you'll need immediate access to each time you begin a 
new publication - hold Ctrl/Cmd+Shift and then click 
the item (or drag to select multiple items). When you 
override a master item, its dotted bounding box becomes 
a solid line. Make sure that you delete any character, 
paragraph and object styles you do not plan to use. It is 
also a good idea to set the default styles for character, 
paragraph, and object styles. To do this, choose 
Edit>Deselect All. With nothing selected on the page, 
select the character and paragraph styles that should 
be the default style to be used each time the template is 
opened and worked on. 

To change the default style for text frames, choose 
Default Text Frame Style from the Object Styles panel 
menu, and then select an object style. To change the 
default style for unassigned frames, choose Default 
Graphic Frame Style from the Object Styles panel menu, 
and then select an object style. 

Testing your template lets you sort out any potential 
problems well ahead of time - so remember it’s really 
important to always walk through a live production 
scenario. When your template is finalised, you can 
package its elements together and putit to use. Part of 
this step is automated with InDesign’s Package utility. 
Other elements must be collected manually, such as 
object libraries and print preset files. @ 


* 
% 
% 


A Create New Group f 
‘Sort by Name 


Small Panel Rows 


clearly-labelled 
swatches to control 
the colour across 
the whole of the 
document to 


ensure consistency 

Once you've typeset your layout you can start creating some style sheets. Place 
your cursor within the first part of copy that you require a style sheet for and then, 
within the Paragraph Styles panel, select New Paragraph Style. 


2 GIVE YOUR STYLE A NAME 


Test your template 
to combat any 
problems early on in 
the design process 
and save time 
Name your style methodically and with 
a prefix for that particular section, for 
instance, Shopping SubHead. Alll the 
other styles will then follow this process 
with Shopping StoreName, Shopping. 
BodyCopy, Shopping Bodyltalic and 

so on. It's advisable that you change 

the prefix for different sections, but try 
to use consistent naming of the suffix: 
Sports BodyCopy, Sports Bodyltalic 
and so on. 


ea: 3 APPLYING STYLE SHEETS 

= 

ss 

== —_Innewlayouts, apply your new style 

= sheets to your copy using the Paragraph 
a and Character Styles panels. Alt/ 

== — Optiontclicking the style in the panels 

===: with your copy selected forces the style 


| 


to be applied - meaning any formatting 
that had previously been applied will 
be lost. For ease when working in 
documents, you can sample styled copy 
with the Eyedropper tool and apply 


A a 


= Se that style by dragging the tool over 

= === the text you wish to apply the style to. 
2 sr ; 

E 9 This process works for Character and 
= === Paragraph Style sheets alike. 
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PREPARE FOR PRINT 
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STUDIO TRAINING: INDESIGN 


INDESIGN FUNDAMENTALS 


PRINT PREP MASTERCLASS 


Errors in print work can be both costly and embarrassing. Elevate the quality of your work and 
surpass clients’ expectations with our in-depth walk-through of InDesign’s built-in Preflight features 


> Outlining the 
limitations of each 
project before you 
begin helps to focus 
the design work 


As designers, we're always looking for ways to enhance 
our projects so that they not only meet our clients’ 
needs, but surpass their expectations. The methods 
available to achieve this goal in print are as rich and 
varied as your imagination: spot varnishes, die-cuts, 
different stocks and Pantone inks all elevate the final 
product. However, all of these require varying degrees 
of skill in their technical execution - getting them 
wrong can cost clients money and be damaging to your 
professional reputation. Ensuring that you've preflighted 
your InDesign files correctly before supplying them will 
help negate problems at the printers. 

One excellent - and often overlooked - tool for doing 
so is InDesign’s Preflight panel, which helps manage a 
project throughout the entire design process, enabling 
you to create profiles specific to the output requirements 
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of an individual job. Essentially, it works as a live error 
list, warning you when your design has deviated from 
your predefined criteria. Installing it into your workflow 
will keep you on top of issues as you work, so there will 
be fewer problems to solve when you're approaching the 
project deadline and your time is precious. 

To create a new preflight profile, click Window, 
scroll down to Output and choose Preflight. As an 
example, we'll run through the Preflight Profiles window 
as though we're creating a profile for an Al poster 
intended for commercial printing. Some areas of the 
Preflight utility are pretty self-explanatory, so we'll just 
focus on the options that are key to this specific scenario 
— you can apply these techniques to your own projects. 

First up is Links. Check the Links Missing or 
Modified box to make sure there are no issues with 


> You don't need to 
solve every problem 
that Preflight alerts 
you to. Here, you 
could allow this RGB 
file to convert to 
CMYK at the PDF 
stage to reduce the 
file size, for example, 
although this could 
distort the colours 


Profile Name: [CArts_Poster_ CMYK 


fy (=) DOCUMENT 

> (1 Page Size and Orientation 

> [1] Number of Pages Required 
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embedded graphics (for more Links options, see the 
Customising the Links panel box on page 46). In this 
case, we can leave OPI (Open Prepress Interface) 
unchecked as we'll be packaging everything natively 
from our hard disk and our printers don’t require it. 

Next is Colour. Tick the Transparency Blending Space 
Required box to catch any rasterising problems that arise 
from using InDesign effects (see the Rasterised type 
tip on page 47). If your job is for print (CMYK), you will 
want to look out for any RGB or LAB images - check the 
Colour Spaces and Modes Not Allowed box. 

Under Spot Colour Setup, you can specify how many 
spot colours you require (Maximum Spot Colours 
Allowed). In this case we're going to say two, because 
during the design process we'll be adding several 
Pantone colours, and possibly importing Photoshop 
images that have embedded spot channels (see Ink 
Management and Mixed Inks). Also, we know that our 
printer wants our UV asa spot black to guarantee that 
it’s ripped as an additional plate. 

Now to Images and Objects. The first option - Image 
Resolution - is very important, and it’s where you make 
sure that no low resolution images slip through. The 
lowest value we would feel confident with when running 
images (never scale the image on the page beyond 100 
per cent) is a value of 180, so we've input this under 
Colour Image Resolution for our poster. 

Crucially, InDesign alerts you about conflicting ICC 
profiles, but always ask your printer which ICC works 
best with its web press to avoid issues at a later stage. An 
ICC profile is a set of data that describes a colour input 
or output device, or a colour space. You want to be 
conversing in the exact same language as the output 
device to maintain consistent results. Make sure that the 
Minimum Stroke Weight is not set to anything lower 
than the default 0.125pt - anything below this won't 
show ona metal plate. On to Bleed/Trim Hazard, which 
we prefer to set Live Area (inset from trim): 5mm all 
sides. Our design might lend itself to image bleed and 
some text coming off the page as part of the design, » 


A Going back to fix 
problems on a job 
that's already gone to 
print will eat into 
your time. Always 
check the print 
requirements with 
your printers before 
you start a project 


INK MANAGEMENT 


AND MIXED INKS 


Three essential pointers in Ink Manager, 
Separations Preview and Swatch Options 


Pee eee ee eee EEE 
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1 MAKE SURE YOU'RE USING THE CORRECT INKS 


Before outputting for print, ensure you're using the correct inks for the job. 
Throughout the design process we trial various spot colours, and importing files 
can also create new swatches. Open the Ink Manager via the Separations Preview 
(or Swatch Options) to identify unused inks and replace them. Simply click on each 
redundant ink and use Ink Alias to replace it with your desired choice. 


2 CORRECT A COSTLY PROBLEM 


In the Separations Preview, you can 

also correct a potentially expensive and 
wasteful issue, that of over-inking. Select 
Ink Limit from the View tab and add 
320 per cent. This is our threshold for 
cover work. The image will show up with 
red blocks indicating where attention 

is needed. All you need to dois place 
your cursor over the areas to pinpoint 
which Process colour values you can 
reduce. Holding down Alt/Opt and 
double-clicking the image launches it in 
Photoshop so that you can use Curves 
to correct the file. 
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3 ADD A PERCENTAGE OF COLOUR 


Sometimes adding Process ink to 

a spot colour can help boost it. 
Creating a Mixed Ink swatch from the 
Swatch Options panel lets you add a 
percentage of cyan, magenta or yellow 
to act as a substrate prior to the spot 
plate being printed. Or instead of using 
the standard Process colours, you can 
use a Pantone to mix two colours - here 
we used Pantone Yellow to mix red and 
orange by mixing 1OO per cent Pantone 
Yellow with 1OO per cent Magenta, and 
100 per cent Pantone Yellow with 40 
per cent Magenta respectively. 


DIGITAL PUBLISHING 


STUDIO TRAINING: INDESIGN 


FROM PRINT TO SCREEN: 


GETTING STARTED WITH ADOBE DPS 


T3 art editor Luke O’Neill runs through some of 
the basics of using Adobe DPS - so you can make the 


transition from print to screen... 


If you're a print designer, the transition over to digital can seem like a 
daunting one. Just the very word ‘digital’ throws up visions of having to 
learn reams and reams of code - something that print designers often raise 
an eyebrow to. And years of ingrained print design processes and techniques 
are hard to let go of. Luckily, with a little help from Adobe Digital Publishing 
Suite, adapting your print workflow to create fully-interactive digital 
editions is a breeze - without even going near a code editor. 


If you're used to working with InDesign, then working on a project using 
DPS is essentially no different - apart from the page dimensions and a few 
additional panels to add interactivity, that is. Throughout this workshop, 
we'll run through the basic concepts of designing for screen — focusing on 
iPad, although these techniques can be adapted for different devices. We'll 
show you how to setup folios and articles and add some basic interactivity. 
So let’s get started... 


] Screen not spread 


A fundamental mistake that many publication 


designers make when designing for tablets is that they 
still think of it as a page rather than a backlit screen. 
Before you start putting anything down you should 
consider how your designs are going to translate to 
the screen - and how the design choices that you 
make are going to effect reader's journey. 
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Horizontal ea oe ose ’ 
or vertical? : ees | 
Of course, the iPad 
can be viewed in both 


horizontal and vertical 
orientations, but 
depending on the size of 
your design team you 
may wish to specify a 


single orientation (simply 
to save time and cost). 


. , A It's easy to add alternate 
? Dimensions and setting up a document layouts by going to the 
To set up a new document for iPad go to flyout menu in the Pages 
New>Document and select Digital Publishing from the panel and selecting 
Intent menu. Choose iPad from the page size and Create Alternate Layout. ‘2 copy Tet Sesto New See rou 
portrait as the orientation. It's absolutely fine to design You can then view them Sri smsied 


at 1024x768 rather than 2048x1536 (which is Retina _ side-by-side in the Pages 
Display resolution) as DPS will take the legwork out of panel and work on them 


sorting both resolutions. in tandem. 


VARIOUS ARTICLE NAVIGATION 


Folios and Articles 


Your folio is the entire publication, and within that 


5 Long scrolling 
pages... 

Creating a long, scrolling 
page is as simple as 
extending the page 
height in the Document 


Setup panel. It's a good 
idea to drag guides to 
indicate what will appear 
when the article loads. In 
this case you can see that 
a main image takes up 
the whole of the first 
screen, with an arrow to 


are a number of articles - which are just separate 
InDesign files. However, depending on the article, you 
can choose to have multiple pages that you swipe 


indicate that you can 
scroll down. The second 


screen has content 
through horizontally or vertically, single static pages running over but as the 
page scrolls smoothly, 


this is not a problem. 


with interactivity or one long smooth scrolling page. 


Your folio can contain any number of articles. Seen 


Ce ee ee ee 


Point sizes, but not as we know it 
——_ Stale) ©) Ame | Pio om Dy Am S 2o:- ee 1, | : : Tlie 
2s oR & Co = — Ie = One + When working to screen sizes you'll find that the 


point sizes of type that you're used to will have 


changed completely. For example, body copy that you 
might normally set to 10-I2pt for print could quite 
easily be 18.20pt for screen. The sub-head highlighted 
left, for example, is 40.32pt which would seem huge 
for a print project! 


“Creating a long, scrolling 

age is as simple as extending 
the page height in the Document 
Setup panel.” 
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Getting started with object states 


Multi-state objects are the most common form of 
integrating interactive content into your document 


and work in a similar way to layers. Select several 
objects and in the Object States panel, choose New 
State from the dropdown menu. Only the top state is 
visible on the page, but you can cycle through them 
much like layers in the Object States panel. 


= 


10 Using buttons 
Rather than having your images cycle through in 
a slideshow format, you may want to enable the 
viewer to use buttons to turn object states on or off. 
As you can see above, we've repeated the images that 
are in the object state - but smaller and in a list down 
the right. Draw a box over the area you'd like the user 
to tap and bring up the Buttons panel. 
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g Adding a slideshow 


Making a multi-state 
object into a slideshow is 
extremely easy. Bring up the 
Folio Overlays panel and 


‘once you've clicked on the 
multi-state object, the 
Slideshow panel will pop 

up automatically. Select 
whether you want it to play 
automatically or once 
tapped|by the teary hot 
long you'd like the interval 
to be; and whether you'd like 
to add a cross-fade effect. 
Select Preview at the 
bottom to launch the Adobe 
Content Viewer and watch 


your images cycle through 
in a slideshow. 
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1 Making an object a button 


Use the ‘cross’ icon to add a new event toa 
button and then choose Go To State and from the 
dropdown select your specific multi-state object and 
the particular state within that object that you'd like 
the button to action. This is where being organised 
and naming up your object states appropriately comes 
in very handy. 
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] File types and effective PPI 


The beauty of working with Adobe DPS is that you 
can use all the same file formats that you would for a 
print project - DPS will take care of the down- 
sampling of large images at export. The exception to 
this is some images that are used with interactivity 
must be used at exact size to avoid pixelation. As a 
general rule of thumb, make sure all of your images are 
no less than 108 effective PPI (you can check this in 
the Links panel). 
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12 Adding hyperlinks and video content 


It's possible to embed video using the Place 
command - just like images - but you may wish to link 
out to the content to keep the app size down. To do 
this simply create a suitable ‘play video’ icon and draw 
another box over the top which will be the button. 
Rather than linking to an object state, simply choose 
‘Go To URL and input the full and correct address. 
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THE ULTIMATE GUIDE TO WEB DESIGN 


This all-new guide for 2014 includes everything you need to know to start 
designing and building incredible websites. Over 180 packed pages, you'll 
find tutorials covering the very latest HTML, CSS and JavaScript techniques, 
articles on best practice SEO and much, much more. Pick it up today! 


On sale now at WHSmith, Barnes & Noble, www.myfavouritemagazines.co.uk/design 
and for iPad at http://netm.ag/itunesuk-248 


—————— 


INDESIGN CC IN DETAIL 


NEW FEATURES 
<4 IN INDESIGN CC 


InDesign CC brings some great new features to the 
table. Here’s what they do and how you can use them 


in your design work... 


InDesign CC has some interesting new tools - and in this walkthrough we're 
going to take a look at three of them: the QR Code Generator, the enhanced 
font search and the excellent Typekit desktop fonts sync. Whilst QR codes 
may not exactly be ‘on trend’, clients are still asking for them - and in 
InDesign CC you can create - and edit them - directly. 


1 Setting up for OR 


You can Create QR codes as objects in InDesign 
CC. Draw a frame, Ctrl/Right-click on it and select 
Generate QR Code. The Generate QR Code dialog 
box opens. We're using a web link so select Web 
Hyperlink from the Type dropdown. You also have 
the option to select Plain Text, Text Message, Email 
and Business Card 


4 Experimenting 


Next, try a different QR type. Select text message 


from the contextual menu. A phone number and 
message field will pop up. Enter the appropriate 
details and when someone scans the QR code, a text 
message can be sent to the desired number. The 
Email option works in a similar way, and the Business 
Card option enables you to send your own details. 


2° iting the OR code 


Enter the link into the URL field. When you're 
happy click OK. The QR code is just like any other 
vector object in InDesign - it can be scaled without 
loss of quality and you can add effects such as a drop 
shadow or change the fill colour and stroke. To add an 
effect, Ctrl/Right-click on the frame and select Effects 
and choose the effect from the contextual menu 


Adding design elements 


The great thing about QR codes is that only about 
70 per cent of the code needs to visible for it still to 
scan. This give you the option of incorporating it into 
design, or customising it. We're going to add a logo 
over the top of the code by pasting a graphic in a new 
frame, adding a white stroke for legibility. Test your 
QR code to make sure it still works. 


COMPUTERARTS.CREATIVEBLOQ.COM 
-54- 


The new type additions will speed 
choices that were previously off limit: 
Cloud, software is constantly being u 
having a monthly subscription — but: 
more features added to InDesign CC 


3 Quick 
The ea 
smartphon 
code's dest 
Selection t 
Right-click 
from the m 


QR Code « 


Be aw: 

IF youe 
that you ne 
and the bai 
editing the 
do edits th 
Remember 
you will no 


INDESIGN CC IN DETAIL 


STUDIO TRAINING: INDESIGN 


|COMPUTER ARTS @ | 
DE*IGH 
PATTER: 


Subscribe to Print or Digital editions 


If design matters to you as much as it does to us, then you 
clearly need a Computer Arts subscription. Sign up now and 
start getting creative inspiration and insight every month! 


a 


Font menu search 

The new font menu enhancements in InDesign 
CC enable you to quickly find suitable fonts. You can 
search by font family, weight, style and so on. Select 
the Type tool and go to the Font Search bar, making 
sure ‘Search Entire Font Name’ is selected and enter 
your search term. We're searching for ‘bold’ - the font 
list will show every typeface that has a bold weight. 


Other enhancements 

When you have a typeface with many weights, it 
has a dropdown arrow in the font list - click on the 
arrow to view the weights in the family. You can also 
quickly preview fonts by selecting your text on your 
document and using the arrow keys to cycle through 
the font list to see a preview of the font right on your 
document. Click on the font name to select it. 


'starl getting creative inspiration and insight every. month! 


Font favourites 

As well as recently used fonts being displayed at 
the top of the font list, you also have option to display 
your favourites - or only Typekit - fonts. To create a 
favourites list, simply click on the star next to the font 
name, and use the Show Favourite filter button to 
view only your favourites. It's a great way to keep your 
frequently-used fonts to hand. 


= : 


TITERS 


Subscribe to Print or Digital editions 


] 0 Typekit options 


The Typekit filter button works in the same way 
~ but first we need to add some Typekit fonts. Select 
the Add Fonts from Typekit button in the menu. This 
will take you to the Typekit website, where you can 


browse the entire Typekit library of fonts. You have 
the option to filter the font by usage (Web or 
desktop). Select Desktop in this case. 


11 Adding Typekit fonts 


The Desktop selection will filter the list to the 
fonts that are available to be downloaded for use 
across Creative Cloud applications. You have a 
number of different search criteria to help narrow 
down your selection. To add a font, hit the Use font 
button, and in the next dialog choose Sync selected 
fonts. This will add them to your machine. 
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] ? Previewing Typekit fonts 


Back in InDesign - with the text selected on 
your page - hit the Typekit filter button to find your 
new fonts and preview them. At any time you can 
remove synced fonts via the Creative Cloud desktop 
app by going to Fonts»Manage Fonts. This opens your 
account settings page where there's a list of all your 
synced fonts. 


ILLUSTRATE IN INDESIGN 
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CREATE A FEATURE 
EE OPENER IN INDESIGN 


Mike Brennan talks you though how to create a 
bespoke feature opener when time and budget is 
against you — without ever having to leave InDesign. 


Asa designer or art editor on a magazine, time and budget often work 
against you. Here’s the scenario: you've just spent the budget commissioning 
a cover illustrator and an overseas photographer — how then can you give 
that same special treatment to a feature when the money's gone and time is 
against you? Over the next 12 steps we'll show you how to create a bespoke 


typographic opener without ever having to leave InDesign. InDesign boasts 
a huge range of effects similar to illustrator and can be used in a similar way. 
One thing to consider though is file size - the more effects you use on an 
InDesign document the larger the file will be. With that in mind, let’s get 
cracking on a simple, yet stunning illustrated opener... 


] Rough layout 


First decide what text you want to use for the 


opener ~ and what you're going to illustrate. Here, 
we've used the feature title (Design for Extensibility) 
as the core element. Planning is key here as along with 
the bespoke headline, there are other elements on 


the page to consider. Before starting, roughly lay out 
the elements until you're happy with the composition. 


4 Type arrangement 

Next, build your type on top of the grid using the 
circles as a guide. Set rectangular frames for each 
letter to make sure you get your placement correct 
the words fit in right places. Take care to avoid the 
gutter where the final word — in this case - stretches 
across the entire spread. Here, we've calculated each 


letter will be five dots wide by seven dots high. 
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2 Scuate the grid 


Create a new layer. To build a grid, start by 
creating a circle at 3mm x 3mm and position it in the 
top-left corner. Copy and paste this around 30 times, 
then open the Align panel (Shift+F7), align left and use 
the Distribute Spacing feature to space evenly at 3mm 
vertically, Group this strip and repeat the process 
horizontally, aligning to the top this time. 


Fy Dotted type 


Now to create the letterforms. Create a new layer 
and use the Direct selection tool to select the dots 
under each of the rectangles, pasting them in place on 


your newly-created layer. Delete the white circles you 
no longer need to create the letterforms. Once you're 
happy with the result, use the Pathfinder panel to 
make each letter one object. 
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Reduce file size 


Having a large number of circles will increase your 
file size and slow your document down, so once you're 
happy use the Pathfinder panel to convert the grid 
into one object. Now that we've prevented InDesign 
freezing (!) knock the grid back a little by going to the 
Effects panel (Shift+Cmd/Ctrlt FIO) and apply a 10 
per cent opacity to it. 


Apply effects 


We want our letters to stand out from the 
background grid. Select all the letterforms and bring 
up the Effects panel. Add an outer glow by selecting 
the Screen blending mode with opacity set at 70 per 
cent, at a size of 2.5mm. Add a basic Feather in the 
same Effects dialog set at O.5mm in the Feather 
Width field to soften the edges 
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/ Seining the dots 


The legibility isn’t currently that great, so let's tie 
these dots together and create an interesting ‘web! 
effect. Select the Pen tool, setting the stroke to O.5pt. 
Do you remember dot-to-dot? Of course you do! 
Follow the centre anchor points of the dots to add an 
outline effect to your letters. At this point we're 
sticking to a single line through each letter. 


The web effect 


The letters are now much more legible, as you can 
see above. Now create the ‘web’ effect by joining each 
letter together and also giving the letterforms more 
weight. Using the Pen tool, add strokes to join up the 
letters - as we've done in the example above. This is 
very much trial and error, so see what works best in 
terms of legibility and aesthetics. 


ILLUSTRATE IN INDESIGN 


SR keer eat ase eo ee 


The spread is really starting to take on its own 
visual identity now, so let's take the web theme one 
step further. We want to make the type interact a little 
more with the spread, so using the Pen tool, repeat 
the processes outlined in the previous steps, this time 
bleeding the web effect off the edge of the page. This 
also makes our header a little less ‘floaty’. 


10 More outer glow... 


To make the spread work as a whole, add the 
same effect to the ‘web’ elements as you did to the 


type in step six. Once again open up the Effects panel 
and apply the same outer glow as the dots - Screen 
blending mode with the Opacity field at 70 per cent 
ata size of 2.5mm. See our settings above, but feel 
free to experiment with your own. 


11 Add a background 


Stepping back from the spread, it looks pretty 
flat - so welll create some much-needed depth 
Source a grayscale image with high contrast and place 
in the background. Next, bring up the Effects panel 
and apply the Multiply blending mode. Set the frame 
containing your image to a colour of your choice - 
youll see that it colours the grayscale image. 
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12 Finishing touches 


There is a bit of a disconnect between the 
illustration and the body copy. We've added a web 
trail and dot to the drop cap. Finally, add extra depth 
to the background grid by selecting individual groups 
of dots (keep it random) and using the Effects panel, 
set these dots from 10 per cent to 45 per cent 
opacity as you see fit. And we're done. 


POP-UP PROMO DESIGN 


DESIGN AND BUIL 


STUDIO TRAINING: INDESIGN 


A 


EE POP-UP PROMO CARD 


Looking for a cheap and effective way to catch the 
attention of potential clients? Karen Lewis shows 
you how in this creative InDesign workshop... 


When sending out promotional print mail to potential clients, you need 
to create something with impact that will leave a lasting impression and 
intrigue the recipient to find out more about you. 

A handmade pop-up card is a fun and light-hearted way to do this. 
Personal and innovative, it’s likely to help you stand out from the crowd. In 
this walkthrough I'll explain how to make a pop-up card: we'll bring type 


] Getting started 

To begin, first create a new 
document in InDesign. For 
this project | have chosen 

to work with a standard A4 
page so that the text won't be 
too tricky to cut. Using the 
Pen tool, draw a dotted line 
horizontally through the 
centre to indicate where your 
page will fold in half. Use the 
Align panel for this: select 
Align to Page, and click 
Distribute vertical centres to 
position the line accurately. 


Gi Seams @ 


Compose your text 


The next thing you need to do is to decide what your pop-up text will say. If you 


2 


keep it short and sweet with a simple introductory greeting like ‘Hi’ for example, it 
will make your cutting job easier, particularly if you are intending to send multiple 
cards. It's also best to select a bold font as this makes a sturdier pop-up element. 
Create outlines of your text (Cmd/Ctrl+Shift+O), giving it a coloured stroke and a 
white fill. Then separate your letters using the Direct Selection tool. Select all 


the points of one letter-form, copy and delete them before pasting them in place 


(Cmd/Ctrl+Opt/Alt+Shift+V). 


to life so that it jumps up and out of the page. Using InDesign, we'll create 
the template and add some simple effects to give the type impact. As well as 
explaining the basic pop-up formula, I'll also cover some important tips for 
cutting and folding your card design. 

The best thing about this process is that it’s inexpensive and relatively 
quick to do - all you need is a printer, some basic tools and a steady hand. 
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Shaping shadows 


3 To create a shadow effect around the text , group, duplicate and offset your text 
(hold Cmd/Ctrl+Opt/Alt+Shift and drag it into position). Copy the original text, paste 
the copy in place and punch this through the offset text using the Subtract command 
in the Pathfinder panel. Set the fill colour of the punched shape. Try and make the 
shadow and the letter fill colours as opposing as possible - this will make them a lot 
easier to work with than they would be if the colours were very similar. Use the 
Direct Selection tool to drag the corner points out to create a diagonal line and 
produce a 3D effect. Repeat this for all the necessary points. 
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4 Multiple lines Stand out from the page 


To create the lined pattern shown above, draw a diagonal line with the Pen tool Next you need to position the type and add adjoining tabs that will enable 
at your desired angle. Hold Cmd/Ctrl+Opt/Alt+Shift to duplicate the line, and drag the type to stand away from the page. Group your text elements, horizontally 
the new one by the distance you want your lines to be spaced. Duplicate this action _ centring the group on the page. Drag it downwards (holding Shift) to the point you 


(Cmd/Ctrl+Opt/Alt+Shift) multiple times until the pattern fully covers your text. want it to pop out from. You then need to create tabs that are the same height 

Select the lines, group and position them where you want them to go through the measurement as this coming away from the top of your letters. You can create the 
text. Then copy, delete and select your text, and paste it inside (Cmd/Ctrl+Opt/ boxes with a dashed stroke (weight O.5pt and 10% black) to guide where to cut and 
Alt#V). You can amend the style of your lines at any time by going to Object»Select> _ fold. Now measure the distance between the stem of the ‘i’ and the tittle (the dot), 
Content when your text is selected, and move the tittle, positioning it above the tab by the same measurement. » 
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USE GLYPHS TO CREATE A 
<4 STRIKING TYPOGRAPHIC POSTER 


Glyphs - and the InDesign Glyphs panel - throw up a 
number of creative possibilities. Here we show you how 


f; Hllects to make the most of them... 

Adda s 

where they 

you. You car 

underline (g What are glyphs? They're essentially a graphic shape that can represent a There are a number of OpenType fonts that have a big sele 

drop-down | character, or part of a character. They can have the appearance of numbers, with many alternative forms to represent one character. U 

Underline G letters, punctuation or even a decorative form. Glyphs also refer to the work is a great way to customise typography and add flour 

experiment graphic symbols that aren't visible on your keyboard — things like fractions, design. Here, we take a look at InDesign’s Glyphs panel, sh 
currency symbols and accented letters. use glyphs and all the options available to speed up your w 


7 Seating ] Choose iii fonts seat | 


Before y; Decide which copy and font yo 
through the OpenType font, as they will have r 
either side t, the font type go to Type>Font. The 
Once prints of the name indicates what type o 
folds will and a preview of the font is also st 
across the t showing, open Preferences (Cmd/ 
the letters, ¢ Type, tick the Font Preview Size b: 
& 


g Scoring 
The pen 
achieve stra) 


scored areat 
] 


2 For this example we're using tt 
typeface family. Each weight conte 
glyphs ~ so there are lots to play v 


should be 4 glyphs are available in your font, o 
edge folds panel (Window>Type & Tables>Gly 
top scored isn't selected, use the dropdown r 
folded thro of the panel. 
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3 To use a glyp 


To show all the glyphs available, make sure Entire 
Font is selected in the Show dropdown menu. As 
you scroll through you'll see a lot of variations of 
letterforms as well as numerous characters that aren't 
on the keyboard. To use a glyph, just position the Text 
tool in the appropriate place on your document and 
double-click on your selected glyph. 


Unicode standard 

If you hover over a glyph in the panel, a tool tip 
will appear with information about it. Included in the 
information is the glyph’s Unicode number, which 
relates to a Unicode standard for numbering font 
characters. This standard ensures that each character 
has the same number across different fonts - for 
example, a comma always has the Unicode of OO2C. 


aE 
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5 Speed up searching 


For fonts with lots of glyphs, scrolling through the 


panel can take time. However, there are options to 
make searching for letterforms easier: some of the 
glyphs have a small, black arrow in the bottom-right of 
the box, which indicates there are alternatives. If you 
click and hold, the different options for that letter 
show up, helping you make-a quicker selaction. 


6 Optional letterforms 


Alternatively, the Show dropdown menu in the 
Glyphs panel gives you lots of options for narrowing 
down your search. Alternates for Selection is really 
useful for viewing the options for different letterforms. 
When selected, highlight your chosen letter and the 
options will be shown in the panel. In Brownstone's 
case, we also get an ornamental border. 


g The option of OpenType 


Another way to use glyphs is to select them via 
the Character panel and choose OpenType. This 
brings up a list similar to the Glyphs panel's Show 
drop-down menu. If the selected font doesn't support 
one of these options, it’s shown in square brackets. 
This method has only one alternative and is more 
suited to making global changes to a body of text. 


i Custom ligatures 


Many OpenType fonts will also have a number of 
custom ligatures, aside from the standard ligatures ‘fi’ 
and ‘fl, so it's always worth having a look through the 
glyphs to see the other letter combinations available. 
Brownstone has a number available to narrow your 
search under Access All Alternates in the Show 
drop-down menu. 


10 Outlining text 
Now you know the ins and outs of the Glyphs 
panel, you can begin to experiment with combinations 
of glyphs and font sizes. When working with larger text 
creating outlined text of individual or groups of words 
makes them much easier to work with. To outline your 
text, select the text frame and, under the Type menu, 
select Create Outlines or hit Cmd/Ctrl+Shift+O. 
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Custom glyph sets 


The Glyphs panel automatically stores the last 
10 you've used glyphs at the top. To create a custom 
glyph set, select New Glyph Set from the panel's 
fly-out menu. Name it, click OK, then add glyphs to 
your set by Ctrl/Right-clicking on a glyph and selecting 
Add To Your Set. It's worth noting that glyphs from 
multiple fonts can be saved to one set. 


OPENTYPE FONTS 


OpenType is related to TrueType, but enables 
the storage of many more glyphs - up to 65,000 
characters. It means many OpenType fonts 
contain a lot more extras, including anything from 
small caps and ligatures to decorative borders. 


VIEW YOUR GLYPH ADJUSTMENTS 


You can quickly view any glyphs added to your 
copy by selecting the Substituted Glyphs option 
found in Preferences>Composition>Substituted 
Glyphs. It works by highlighting the glyphs in 
yellow, and is great for showing substituted glyphs 
when working with a body of text. 


BOOK DESIGN 


DESIGN AND 
EE LAY OUT A BOOK 


Let the text drive your page layouts - The Book 
Designers show you how you can use InDesign to 
create beautiful pages for text... 


STUDIO TRAINING: INDESIGN 


To us, the layout of the pages inside a book is just as important as its cover enables us to give a book a consistent feel throughout, and lets the cover set 
design. After all, the pages are what people will experience as they read the the visual tone of the inside layout. 

book. This walkthrough provides a basic step-by-step process for designing Over the following steps we'll show you how to design a simple text- 

and laying out a book that’s driven by its text. ‘Typically we prefer designing driven book. This process can also be applied to more dynamic layouts, as it 
books from cover to cover, as this level of involvement from start to finish covers the basics of flowing in and formatting text for a book layout. 
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] Planning must come first 


Plan your book layout first. Where are the contents, 
introductions and so on going to be? Ask your client 
or refer to books already in print to see what the 
standard is. Make sure the text is supplied without 
hard formatting, otherwise you may spend time 
stripping it out. Over-formatted text distracts readers. 
Now open InDesign and go to FileNew Document. 


F Setting page properties 


Choose Facing Pages, set the trim size, margins, 
and set the columns. Take care with the inside margin 
- when the book is bound, the spine will take in some 
of this paper. Make inside margins about an inch thick. 
Press Cmd/Ctrl+right-click on the Ruler to change the 
units. Deselect the Lock icon in your Margin Settings 
so you can set each margin individually. 


STUDIO TRAINING: INDESIGN 


3 Drag guidelines 


It's possible to drag guides for your layout off the 
rulers. All that you have to do is click and pull down 
or across. You can use the Pages panel to see your 
layout in thumbnails and to access and apply master 
page items, such as page folios and other furniture. To 
do this, click on the A-Master icon at the top of the 
Pages panel. 


Working on the master 


Once you access your master page, you can create 
text boxes to fit your margins as well as set up any 
page elements like page numbers and folio items. 
Whatever you do on your master pages will be applied 
throughout the rest of the document. Create two text 
boxes using the Type tool and position them within 
your margins. 


Automatic page numbers 


Page numbers can be automated by entering a 
number in a text box wherever you want them to be 
‘on your layout. Select the number and Ctrl/Right-click 
on it. From the menu select Insert special 
characters>Markers>Current page numbers. The 
number will change to a letter A. This means that your 
page numbers are now applied to all your pages. 


g Adjusting the text 


Using the Text tool and Character and Paragraph 
Style panels, apply character attributes that may be 
needed. Justified text is good for book body text. Your 
font size should be 10-12pt, with leading 13-I5pt. Good 
fonts are designed to have ideal kerning pairs but 
make sure headers, section breaks and so on get extra 


attention for a breathable hierarchy. 


] 0 the intro pages first 


Click on the first page of your document in 
the Pages panel and you'll see the items you created 
‘on your master pages have been applied. Often the 
first page is a half-title page, followed by a full title 
page with the subtitles, name of the author and 
publishing house. Create these and a table of 
contents before flowing in the main body copy. 


Wrap To: | Both Right & Left Sides 


Contour Options: 


10 Exporting for print 


Apply various text treatments to your page, as 
well as import images - as you see fit. Using the Text 
Wrap panel, you can set a runaround so that text flows 
around images. Once done, export your book for 
press by packaging your document (File»Package) and 
save it as a PDF for print, ebook or EPUB formats 
(using the File>Export command). 
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Bl inking your pages 


Using the Direct Selection tool, select the text box 
on the left and locate the small square on the lower- 
right corner. Click this and you will see your cursor 
change to a Text Flow icon. With this Text Flow cursor, 
click on the right-hand text box and see the cursor 
change to a Link Cursor icon. This allows your pages 
to link from page to page as you flow your text in. 


8 Flowing copy 


Now flow in the text. Select the first text box and 
then press Cmd/Ctrl+D and choose the text file. Your 
text will flow into the first spread. Select the second 
text box and click on the small box at the lower right 
corner. Hold Shift and it turns into an Auto-flow cursor 
icon. Click in the first text box on the next spread, and 
flow it in to the end of the document. 


~ but the brief says to design a 300-page or 
150-page book. The flow of text can be very 
important - and aid you in filling that space or 
cutting it back (when it can’t be subbed to fit). A 
good tip is to use the Paragraph Styles panel to 
set the Space Before and Space After distances 
between elements such as headers, sub-headers 
and paragraphs (you'll find this in the Indents and 
Spacing section when creating a new paragraph 
style). Of course, you can also control leading to 
create or reduce distances between lines, or play 
with column widths and text sizes to fill the space. 
However, make sure you don't play with tracking 
and kerning unless you're dealing with headers 
and sub-header texts. 
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TEXTURING 
EE WITH INDESIGN 


From using textures as canvases through to the 
power of tactile buttons, in this walkthrough we 
get all touchy-feely with InDesign... 


STUDIO TRAINING: INDESIGN 


In an industry dominated by slick tech design, there’s a danger of things become powerfully instinctive, especially when it comes to UI design 

appearing a little too synthetic. Life comes with smears and cracks and on touch devices such as the iPad. 

presenting them in your design work can help ground it in the real world. In this walkthrough, we'll look at settings in the Effects panel that you 
Textures can provide that subtle bridge between reality and an artificial can apply to imported photo textures, and how you can use opacity settings 


arena. A surface that appears tactile has us reaching out to feelit, whichcan _ to utilise and enhance the appealing traits of various photos. 
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1 Hhebasics 


Let's take a look at one of the simplest ways to 
add texture to your designs - photo texturing. We've 
created a background pattern in Illustrator and placed 
into InDesign so it retains the vector paths. This means 
we can use them later in to import textures directly 
into specific shapes. Create a new layer and add a 
frame that takes up the entire background. 


2 Start building... 


Add a gradient to this frame, running diagonally, to 
kick off the varying levels of contrast we want to build 
upon as we add our background textures. The 


alternating areas of dark and light will give areas of 
interest. Place your first texture (Cmd/Ctrl+D to open 
up the Place dialog) and use the Direct Selection tool 
to select the photo. 
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} Subtle layering 


One of the keys to successful photo texturing is 
subtle layering, which is where InDesign’s Effects panel 
comes into play, To open this, hit Cmd/Ctrl+Shift+F10. 
Change the image blending mode (note: not the 
Transparent frame) to Multiply, reducing the opacity to 
50 per cent, which enables the gradient that lies 
beneath to show through. 


6 ject texturing 


Now move on to object texturing. Here, we want 
to bring some tactility to a set of buttons. Something 
InDesign misses is a Pattern Overlay creator within its 
Object Effects settings, so we've used Photoshop to 
create the surface texture. We imported this into the 
shapes and set the opacity to Soft Light. The effect is 
very subtle, but it has removed that flat-colour look. 


g Gradient feathering 


Still in the Effects dialog, select Gradient Feather 
from the left-hand column and set the type in the 
dropdown menu to Radial. Experiment with the 
settings until you establish a subtle gradient that emits 
from the centre outward. The shapes are then 
re-aligned to fit directly over the initial set of buttons, 
creating a patterned inner shadow. 


4 Scratching the surface 


Now add some scratches to the surface to give it a 
worn feel. Duplicate the first frame, delete the existing 
image and import your new photo texture. Our photo 
is very contrasty, with the scratches being the lightest 
parts of the image. Using the Direct Selection tool to 
select the photo, set the opacity to Lighten at 1OO 
per cent so we're left with the highlight scratches. 


7 Building it up... 

To build upon this button texture, add another 
Photoshop pattern - this time some diagonal lines. 
Duplicate the button shapes and remove the first 
texture, ensuring the frame shapes are transparent. 
After importing the new texture and scaling it down to 
50 per cent, change to the Multiply blending mode at 
60 per cent opacity. 


1 0 Finishing up... 


The final texture is for a glass-like window that 


sits over the dial interface. The photo texture is set to 
Hard Light but the frame is set to Overlay at 60 per 
cent. From the Effects panel, use a Gradient Feather 
so the transparency feels more natural. A final 65 per 
cent opacity Outer Glow, with a touch of noise, helps 
to reinforce a semi-opaque surface texture. 
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5 Hard light 


The next texture we've added is to help establish 
colour saturation while at the same time adding more 
subtle light to dark transitions. It's also got some nice 
grunge to it - which works very well. Following the 
same process as you did in the previous two stages, 
change the photo to Hard Light blending mode at IOO 
per cent in the Effects panel. 


8 Real-world lighting 


On the surface of an object, the texture is more 
apparent when a light source is transitioning from dark 
to light. We want this texture to appear on the inner 
edges as a form shadow. Select each instance of the 
texture, hit Cmd/Ctrl+Opt/Alt+M, and choose 
Directional Feather. Link the feather widths at 250px, 
selecting All Edges and an angle of 90-degrees. 


USING DESATURATION 


When you're dealing with imported photo 
textures to establish colour themes, the chroma 
might be a little bit too overpowering, especially 
if you've been using blending modes and opacity 
settings such as Hard Light or Overlay in your 
work. Of course, one solution (and maybe the 
obvious one) would be to go into Photoshop 
and tone things down that way. But another 
option (directly in InDesign) is to create a frame 
that covers the entire textured background, 

fill it with Black and then set it to Colour in the 
Effects panel (Window-Effects then the flyout 
menu). This will turn the underlying background 
to grayscale and, as you reduce the opacity 
percentage, it will desaturate the colours below. 
A handy tip. 
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The definitive guide to 
the world’s greatest logos 
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STUDIO 
TRAINING 


WORKFLOW 


In this chapter 
you'll find a 
selection of expert 
workshops - all 
aimed at speeding 


up your InDesign — =e 
CONQUER ANY DESIGN WORK WITH DIFFERENT PAGE 
oe Can =m PAGE 70 SIZES IN ONE DOC - PAGE 76 
afford to miss them? Jse n with Photoshop Cre ationery in different 


esults formats - all in one document! 


: CREATE MULTIPLE LAYOUTS 
WORKFLOW - PAGE 78 - ONTHE FLY - PAGE 84 


o speed up your daily Use the Liquid Layout tool 


design work in InDesign to quickly repurpose content 
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Because of this, to describe the 
zoom level in photography and 
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WORKFLOW 
KEY SKILLS 


+ Working across Creative 
Cloud products 

«Create diagrams quickly 

+ Easy pie charts 

+Mock-up pitch documents 


rendered area 


A AUTHOR: Paul Tysall 


CREATIVE CLOUD WORKFLOW 
CONQUER ANY 


DESIGN CHALLENGE 


As creatives we must always stay ahead of the 
competition. That means constant training and 
improvement to gain an unbeatable workflow... 


CREATIVE SOLUTIONS... 


Paul Tysall, freelance illustrator and designer, www.tysall.com 


With the introduction of Creative Cloud, we've seen 
advances in Adobe’s packages that are changing the way 
we utilise its creative tools. Once you've jumped on the 
Creative Cloud it’s hard to view these familiar tools in 
isolation. What's really interesting though is when these 
systemic changes modify the way you approach a project, 
and how your workflow can also adapt to become more 
fluid. Now design problems can be solved straight away, 
solutions generated on the fly, negating those stop-start 
feelings previously associated with a narrow workflow. 

The following tips highlight this adaptive workflow 
methodology, whilst noting InDesign’s role as the central 
hub in the process. Each of our tips start and end with 
InDesign, and in the middle we'll bounce you between 
Photoshop and Illustrator. Some tips might be too 
specific for your needs, our settings might not work with 
yours, but overall you should get a sense of how adopting 
certain approaches will save you time and help you to 
respond instantly to inspiration and design challenges. e » 
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HAND-DRAWN DIAGRAMS 
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the width of the 
rendered area 


Location and 
ariontatian: the 


The freedom of hand-drawing is a feature of InDesign that can be really useful. Learn how to maximise it here... 


EXPLAINING THE 
VIEWING ERUSTUM 


1 InDesign: Make a start 


There are several advantages to creating your diagrams using lines and shapes 

in InDesign as your starting point - consistent ‘same size’ line weights, document 
specific colour swatches, plus you can determine their arrangement in relation to 
surrounding objects and elements on your layout (and this is to name just a few). 
Once you've finished creating your artwork, select all the diagram components 
and by hitting Cmd/Ctrl+G, group them together (or use Object»Group). Now 
copy them to the pasteboard. 


3 Illustrator: Stroke weight 


In Illustrator, select all of the diagram. From the Brushes panel (F5) go to the 
flyout menu and navigate to the Artistic. ChalkCharcoalPencil library and select 
the Pencil option. In this example the stroke weight has been changed to O.65pt. 
It's worth noting that you can still move shapes around and extend lines - if this is 
the case Ctrl/Right-click the illustration and select Release Clipping Path - but be 
aware of altering the overall dimensions. Now save, close then flip back to 
Photoshop and save the file out as a PSD. 


2 Photoshop: Paste in your design 
In Photoshop hit Cmd/Ctrl+N to create a new document, which will be based on 
the dimensions stored in the system memory, and hit OK. Now paste your 


InDesign diagram into the document, hitting Return to apply. Now the diagram 
exists as a Vector Smart Object. From here we can make additional changes, in 
the above example the diagram’s colour tints have been isolated and a Pattern 
Overlay has been applied. Next, double-click the Vector Smart Object. It will 
open up in Illustrator. 


—— 


4 InDesign: All in alignment 


Back in InDesign hit Cmd/Ctrl#D to import the new PSD version of the diagram. 
Make sure the diagram is on the page at 10O per cent scale, and select Fit Frame 
to Content (Opt/Alt+Cmd/Ctrl+C). You can now use the alignment tools to 
position the new diagram directly over the original grouped version, then delete 
the original - or drag the original to the pasteboard if you intend to use it again in 
the future. IF you want to make further edits to the new PSD diagram Opt/ 
Alt*double-click the file to open it up in Photoshop again. 
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in here. Some caption copy in here. 
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PIE CHARTS 


Pie charts are a great way of displaying data, and can be easily created in InDesign. Here's how to do it... 
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| InDesign: Fixing the look 2 Illustrator: A slice of pie 

In the above example there is a boxout (it could be for a magazine, annual report Paste the circles onto your artboard, Ctrl/Right-click the group to reveal the 

or any piece of print collateral) that requires two sets of pie charts, with three pie —_ contextual menu and select Release Clipping Mask. You can't apply a chart toa 
charts for each set. Fix the rest of the look of the boxout first and then use simple _shape but at least you have the dimensions - you can copy an individual circle's 


circle shapes as placeholders - this will help you determine the size of the pie dimensions from the Transform panel. Go to the Pie Graph tool, then click on the 
charts as well as serving as Clipping Mask containers in Illustrator. Group all of —_artboard to open the options. With the Constrain Height and Width Proportions 
the circles (using Cmd/Ctrl+G or Object>Group) and copy them, then head over icon selected, paste the size values and hit OK. Import your percentage values 
to Illustrator for the next part of the job. into the fields - including any zero per cent values - then click Apply. 


« SHINOBI 


3 Illustrator: Object menu 4 InDesign: Swatches panel 


You can duplicate each pie chart and re-edit the input values for the remaining Now paste the grouped pie charts back into InDesign. Using InDesign’s Align 

charts. When these have been applied remember to close the value table. Before — options (Window>Object & Layout>Align to bring up the Align panel) get the 

you can arrange these shapes you need to do two things to each pie chart: imported shapes in position, then delete the placeholder circles. Open up the 

Expand and then also flatten any transparency. These options are both located Swatches panel - you'll notice that Illustrator has brought with it the grayscale 

under the Object menu. You can now select a pie chart and corresponding circle, _values as swatches, so now you can simply identify which value matches the 

then using Align to Key Object, position the pie chart centrally under the circle. InDesign swatches for you pie chart’s key and assign the appropriate colour 

Then hit Cmd/Ctrl#7 to apply the Clipping Mask. swatch. As simple as that. > 
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1 InDesign: Group and copy 


Above, a cover structure has been created in 
InDesign. All the elements need to be grouped 
together. Make sure that none of the page elements 
bleed off the document and ensure you've captured 
the entire page dimensions by using a transparent 
bounding box that fits the whole page. Cmd/Ctrl+C 
to copy the grouped elements. 


4 Photoshop: Colour fills 


The Smart Object has been updated, leaving only 

| graphic elements. Cmd/Ctrl+click on the vector 

| Smart Object layer to make a selection of these 
shapes, choosing Solid Colour from the Create New 
Fill or Adjustment Layer icon adds a colour fill with a 
layer mask for the shapes. Nowa signature colour 
can be assigned for them. 


2 Photoshop: Vector Smart Object 


Create a new file and paste in the InDesign elements. 
Now the cover structure is a Vector Smart Object 
which can be edited. This happens in Illustrator, 
which tries to keep text fields live but often converts 
text to outlines. A Hue/Saturation adjustment layer 
has been clipped to the Smart Object so quick 
colour options can be applied. 


5 Illustrator: Extra graphic elements 
Using Cmd/Ctrl+Z, undo until the original design is 


back. You can add extra elements to the Illustrator 
file, which can be copied to InDesign to use on your 
live cover. Here, an underline has been added to the 
headline. Open the Brush panel (F5) and from the 
contextual menu load the Artistic Paintbrush library. 
Using Dry Brush 1a brush mark has been applied. 
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MOCK-UPS FOR PITCH DOCUMENTS 


Clients always want a mock-up to help them visualise your ideas. Here’s how to make quick, yet brilliant ones... 


3 Illustrator: Backup arthoard 


To generate a duplicate artboard press Shift+O to 
activate the artboard and holding Opt/Alt+Shift drag 
a copy off to the right - this acts as a backup 
artboard where you can develop changes. On the 
original artboard the main frame and typography has 
been deleted - leaving the graphic components 

- and saved. 


6 Photoshop: Linked objects and Smart Layers 


In Photoshop it's easier to apply Linked Smart 
Objects, brush marks and filters. Here, a few cover 
alternatives have been created - each one has been 
turned into a Smart Layer. The non-destructive 
nature of Smart Layers enables us to make quick 
alterations. Each design has been manipulated onto a 
single iPad photo to be imported into InDesign. 


7 InDesign: Import the mock-up file 


Import the mock-up file into InDesign as per normal and make a 


copy of it by Opt/Alt+Cmd/Ctrl dragging the image bounding box. 
Now re-import this file by pressing Cmd/CtrltD and with the Place 
dialog still open, check the Show Import Options box and select the 
same file again. With the Layers tab selected, all of the PSD’s layers 
are visible, meaning you can elect to import the file with certain 
layers activated or deactivated. This is handy for using one file to 
create different instances. Should you alter the mock-up file - by 


adding more designs to it, for example - the file on the InDesign 
“S CONTENT IN page can also be updated. Look for the yellow status warning 

DETAIL symbol next to the link in your Links panel. Double-clicking this icon 
automatically updates the linked graphic back to the page. 


COMPUTERARTS.CREATIVEBLOQ.COM 
= 7a\- 


STUDIO TRAINING: INDESIGN 


CREATIVE CLOUD WORKFLOW 


“ADDING TEXTURE 10 INDESIGN TYPE 


Bring your typefaces to life and learn to add texture to make ordinary fonts much less ordinary 


1 InDesign: Choosing type 


One of the keys to this technique is choosing the right typeface - you're looking 
for something with a large surface area, so slab-serifs or very bold, thick 
display-style fonts work best. To begin with, fix any kerning issues with the text, 
then hit Cmd/Ctrl+Shift+O to turn the live text to outlines. Hit Cmd/Ctrl+Shift+G 
to ungroup the various elements and then, using the Add option from the 
Pathfinder panel unite all of them into a single object. Now we need to get it into 
Photoshop, so Cmd/Ctrl+C. 


3 Photoshop: Opacity and luminosity 

Duplicate this layer by hitting Cmd/Ctrl+J, and go to Filter>Blur-Tilt-Shift. Here 
the Blur is set at 1Opx and distortion is 12 per cent. The Light Bokeh is midway 
around the 5O per cent mark. The dark values for the Light Range are set to 32 
and the light levels balanced at 232. Change this layer's opacity settings to 
Luminosity, double-click the layer to open the Layer Style options and using the 
Blend If options, tweak the Underlying Layer sliders to reveal some white flex of 


noise from the original layer. Save this file as a grayscale PSD. 


2 Photoshop: Adding noise 


Create a new Photoshop document and paste the Smart Object into the file. For 
this technique you're only using the pasted typography as a guide so you can see 
how the edits will effect the typography. With this layer selected hit Cmd/Ctrl+G 
to place it into its own layer group and turn off the layer group visibility. In a new 
layer group, create a blank layer and fill it with black. Then, from Filter>Noise 
select Add Noise. Choose a low percentage for Amount, with Distribution set to 
Gaussian and the Monochromatic tick box selected. Hit OK. 


4 InDesign: Duplicating and colouring 


Select the outlined typography and choose a colour that suits the background. 
Open the Effects panel. Change the outlined type to Multiply and the opacity to 
80 per cent. Copy the outlined type and then paste in place. Open the Effects 
panel and change the pasted type to Screen at 1OO per cent. Open the Swatches 
panel change the Fill to [None]. Select the outlined type and hit Cmd/CtrltD to 
import the grayscale texture into the shape. Using the Direct Selection tool, 
select the graphic and change the Fill from [Black] to your chosen colour. 
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WORK WITH DIFFERENT 
#) PAGE SIZES IN ONE DOCUMENT 


It’s easy to design for different formats within the 
same document. Here, as an example, we show you 
how to create a range of stationery... 


You don't need to create multiple documents when working with different help maintain consistency throughout. We'll also cover paragraph styles and 
page sizes in InDesign. In this walkthrough, we'll show you how to set up a create nonprinting layers in this workshop. 

selection of different-sized stationery templates in one document. Multi- The first step is to roughly plan the structure of your stationery elements 
page documents can really help streamline your workflow with the use of and collate all the copy you need for the documents. Remember to take the 
style sheets, which enable changes to be made quickly across all pages, and time to plan and set up documents at the beginning - it'll save time later. 


Set up your document 


Set up a new document in InDesign. Create the 
letterhead first. Create an A4 document and uncheck 
the Facing Pages box. Next, set up your margins: Our 
top margin is 30mm, left: 15mm, bottom: 20mm and 
outside: 20mm. We're working with a seven-column 
grid with 3mm gutter and have added 3mm bleed on 
all edges (hit the More Options button). 


The baseline 


Next set up a baseline grid. Although this isn’t 
essential for a document with such little text, it does 


help with lining up any text elements you have on the 
page. We're setting the baseline grid to start at the top 
margin - at Omm - and the increments at every 9.5pt 
because we want to use 8pt text. Add ruler guides to 
mark folds in the paper. We've marked a tri-fold. 
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3 Start designing 


With your ruler guides in place, you can begin to 
add the required elements to your letterhead and 
experiment with the design and layout. Remember to 
consider the hierarchy of your information: of course 
your logo should take prominence, while your address 
and other information should be secondary. Research 
other designer stationery... 
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6 Create a compliment slip 


Duplicate your page and select the Page tool. 
Click on your new page. In the Control bar, you can 
select a new page size preset from the drop-down 
menu, or enter measurements. We're creating a 
compliment slip, so we've divided the height by three. 
Check Enable Layout Adjustment - this automatically 
adjusts the layout when the page sizes changes. 


g Quick adjustments 


With our three main pages created, let's make 
some adjustments. This is where setting up new colour 
swatches and style sheets early on pays off. To make 
changes to elements, make the adjustments and 
choose Redefine Style in the Paragraph Style panel 
menu. If you want to add a spot colour to the logo, 
tweak the logo colour swatch in the Swatches panel. 


coerce 


4 Set up style sheets 

Creating style sheets as you go will make it 
possible to adjust all your pages in one step. To set 
‘one up, select the required text, and in the Paragraph 
Styles panel select New Paragraph Style and name it. 
We also added a new black to the Swatches panel and 
applied it to the logo. This makes it easier to make a 
group adjustment to the logo colour later on. 


] Adjust new margins 


Next, you need to adjust the margins of the new 
page to work within the smaller size. We've added 
1Omm on all edges using the dialog found at 
Layout>Margins and Columns. Make some 
adjustments to the layout and positioning of the 
elements to get the layout of the compliment slip 
working within the page. 


See a a Sh 


] 0 Export to PDF 


When it comes to creating PDFs of your 
documents for print, you might find that your printer 
requires you to supply separate PDFs for each job. 
This can be achieved by simply adjusting the range in 
the Export Adobe PDF panel. Remember to name 
each file differently so that you don’t overwrite your 
previous PDF. And that's it! 
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5 Non-printing layers 


It's beneficial to see how your letterhead works 
with fake copy in place, so check the balance of the 
layout by adding a non-printing layer. Create a new 
layer and uncheck the Print Layer box. The layer name 
will appear italicised in the Layers panel. Non-printing 
layers are also good for adding print instructions, 
usage information and measurements. 


The business card 

Repeat this process to create the business card, 
adjusting the measurements to 85mm (w) x 55mm (h). 
Duplicate the page again for a double-sided business 
card, placing the logo on one side and information on 
the other. If you want a portrait-orientated business 
card, duplicate the business card pages, select the 
Page tool and hit the Portrait icon in the Control bar. 


but bear in mind they are only viewable in Normal 
screen mode - if you choose Preview mode you 
won't see them. 
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INDESIGN TIPS AND TRICKS 


KEY SKILLS 

> Working with images and objects. 

« Mastering gradients for effects. 

+ Speeding up your typography. 

+ Importing text into InDesign in 
the correct way. 

+ Using the Separations panel. 

+ Working with Flattener Preview. 

+ Essential shortcuts. 


AUTHOR: Luke O'Neill 


GORE SKILLS 
SUPERCHARGE YOUR 


INDESIGN WORKFLOW 


T3 magazine art editor Luke O’Neill runs through 36 
of his time-saving InDesign tips and tricks to maximise 
your output and creativity... 


SPEED UP YOUR DESIGN WORK 


Luke O'Neill, art editor, T3 magazine, www.t3.com and www.lukeoneill.co.uk 


InDesign is the stalwart of the magazine and 
publishing industries, being the primary tool used to 
produce beautifully designed high-end publications 
ranging from Vogue to Wired to your very own 
Computer Arts. Although layout and publication 
design lie at the core of InDesign, it’s versatility can be 
harnessed for any design project. If you're working with 
type and grids then InDesign should be your first choice. 

To those used to a Photoshop and Illustrator 
workflow, InDesign can seem a little daunting at first - 
but once youre up and running you'll find it a breeze and 

18 0 ‘se sano i” wonder why you ever tried working with grids and type 
oe ANG WA TER (INTO Lig anywhere else. 

Over the next 36 steps — broken into three parts — I'll 
run through my top time-saving workflow tips that have 
helped maximise my output over the past seven years 
working as a magazine designer. From neat typography 
tips to more creative ways of working with images, there 
is something here for everyone. e 
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1 Placing images 


Placing images as linked files into your InDesign file is 
something that you'll do a lot of, so the shortcut 

should be second nature. Hit Cmd/Ctrl+D to bring up 
the Place dialog and navigate to your chosen file. You 
can hold Shift to select multiple files and InDesign will 
show a preview before placing each individual image. 


4 Import options: PDFs and Indd files 

It's also possible with InDesign’s import options to 
select the exact page - or range of pages - to import 
from a PDF or even an InDesign (.Indd) file. Not only 
this, but you have a number of crop options so you 
can choose to import it with or without bleed or crop 
directly to the artwork. 


7 Working with grayscale images 


If you're using black and white images, save them as 
grayscale JPEGs. You can then colour them directly 
within your InDesign layouts. Use the Direct Selection 
tool to colour the foreground of the image and the 
selection tool to colour the background. This is 
particularly useful for coloured details like headshots. 


IMAGES AND OBJECTS 


Quickly place objects and manage them correctly with these expert tips... 


2 Import options: Layers 


In the Place dialog you'll find the Show Import 
Options checkbox. Select this when placing an image 
to bring up a dialog where you'll have a set of options 
that vary depending on the file type. With a PSD you 
can turn layers on and off enabling you to easily get rid 
of the background of an image, for example. 


5 Multiple placement from Bridge 

| often hear people bemoaning Bridge but it can be a 
real time-saver when dealing with multiple images, and 
especially useful if you have a dual-screen setup. 


Simply load up all your images in Bridge, browse 
through which ones you want to use and drag and 
drop them onto your InDesign doc. 
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8 Gradients with grayscale images 
Unfortunately you can't apply a gradient directly to a 
grayscale image, but there is a quick workaround. 
Simply step and repeat the image on the spot or copy 
and paste it in place. Next, alter the colour of the 
image using the Swatches panel and use the Gradient 
Feather tool to fade out part of the image. 
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3 Import options: Alpha Channels 

Another advantage of using PSDs in InDesign is the 
ability to employ alpha channels created in Photoshop 
straight into your layouts. Simply navigate to the Image 
tab and select the relevant alpha channel. This is 
particularly useful for importing fine overlapping 
details, such as hair. 
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6 Step and Repeat 


The Step and Repeat function (Opt/Alt+Cmd/Ctrl+U) 
is one | use regularly to quickly repeat a number of 
objects in equal increments on the page. Specify the 
number of repeats and the distance you'd like to step 


them. This works with images, graphics and even 
guides so you can set up precision guides quickly. 


9 Gradients with cut-outs 
You can't colour grayscale PSDs in InDesign - to 
colourise a cut-out or masked image, use Duotone in 


Photoshop and then save as separate files. The above 
images consist of three files: the original and two 
separate duotone files - one with solid colour and the 
other feathered using the Gradient Feather tool. 
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10 Place an image within multiple frames 


DESIGN FASTER! 
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As an effect you may wish to place an image within a 
number of separate frames. To do this, simply select 
all of the frames holding Shift and go to Objects 

>Paths>Make Compound Paths. Now just place your 


image within the frame and adjust until you're satisfied 


with the results. 


11 Adjusting frame and image sizes 


As a quick shortcut to adjust the size of the image 


within a frame, select it using the Direct Selection tool 
and then use Opt/Alt+Cmd/Ctrl+. to increase the size 


and Opt/Alt+Cmd/Ctrl+, to decrease. Use the 
Reference Point grid in the Control bar to increase 


the size from the top, bottom, side or centre. 


78 Keep an eye on image percentage size 
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14 Live corners made easy 


In the Control bar there's also the option to scale 


images by percentage size should you wish. This gives 
you an indication of how big you can take your images 


on the page. As a rule of thumb, if your images are at 
30Odpi (for print) then you should try to avoid 
increasing the size any further then 120 per cent. 


Live Corners are a relatively recent addition to 


and selecting Corner Options to create rounded 
corners, it's made simple by clicking on the yellow 
square on the frame and then dragging your mouse 
left or right until you're happy with the result. 


BE A MASTER OF TYPE 


InDesign (CS5). Rather than going to the Object menu 
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12 Frame and image sizes in the Control bar 
For precise size increases, use the Control bar. Here, 
you're able to incrementally increase either the frame 
or image size within the frame by using the arrow keys 
or by entering a value. When adjusting the image size, 


ensure that the Constrain proportions for scaling 
button is checked so you don't distort the image. 


e e e 
7 


15 Distribute objects 


The Align panel is particularly useful for quickly 
positioning multiple objects. In the above example, the 
three randomly placed objects (1) were aligned using 
the ‘Align horizontal centres’ command (2) and then 
equally distributed using the ‘Distribute vertical 
centres command (3). 


Discover fast ways to style and edit with these top tips... 
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1Use style sheets! 


Style sheets should always be set up regardless of 
the size of a project. It may be tempting to not bother 


with smaller projects, but they are a huge time-saver 
on any job. Cmd/Ctrl+Fl is the shortcut for bringing 
up the Paragraph Styles panel. See pages 30 and 
34 for more. 


2 Adjusting style sheets 


It's super easy to set up a new style sheet. Style the 
text on the page and then go to the flyout of the 
Paragraph Styles panel and select New Paragraph 
Style. The beauty of using style sheets is that if you 
adjust the text in any way, you can select Redefine 
Style to make the change across the whole document. 


COMPUTERARTS.CREATIVEBLOQ.COM 
or 


3 Quick size adjustments 


There are a number of shortcuts for working with 
type, but one of the most useful is the command for 
increasing and decreasing the point size of selected 
text. Select and use Shift+Cmd/Ctrl+. to increase the 
point size and ‘ShifttCmd+,’ to decrease. This is useful 
for quickly editing headers and sub-heads. 


DESIGN FASTER! 


MASTER OF TYPE, CONTINUED... 
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4 Importing text into InDesign 


There are a number of ways of getting copy into 
InDesign (as there are with images). Of course, you can 
simply draw a text box straight onto the page and type 
or copy and paste. But most likely you'll be using the 
Place command. Here you can check the Show Import 
Option box, just like when placing an image. 


7 Eyedropper for speed 


The Eyedropper tool enables you to quickly replicate 


the style and formatting of any type by simply clicking 
the text with the style you want, and then selecting the 
text that you wish to apply the style to. Handy, but 
don't get into the habit of using it all the time - it's no 
substitute for setting up proper style sheets. 


10 Stacked frames 


Regardless of how organised you are, it's likely that in 
more complex documents, you'll end up with text and 
image frames stacked on top of one another. To quickly 
cycle through the stacked frames, simply hold Cmd/ 
Ctrl whilst clicking to select frames that sit underneath 
the top one. 


5 Type import options 


There are a number of options before you place your 
text into InDesign, but arguably the most important is 
the Remove Styles and Formatting from text and Tables 
check box. This will remove any styles or formatting 
that may be present, which may conflict with your 
InDesign style sheets. 


8 Pathfinder for cutting into copy 


The Pathfinder panel shouldn't be overlooked when 
working with columns of type- it can provide some 
much needed dynamism to an otherwise dull and 
impenetrable block of text. Draw a frame over the top 
of your text column, assign it to the grid, select both 
and hit the Subtract command. 
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11 Using outlined type 


You can make any selection of text act like an object or 
graphic (rather than live text) by going to the Type 
menu and selecting Create Outlines. This is useful 
when supplying final artwork in InDesign format where 
the client does not have the fonts you've used (and it 
avoids them defaulting to standard system fonts). 
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6 Placeholder text for mock-ups 


When starting on new designs, especially for larger 


publications, it's unlikely that you'll have live copy to 
begin with. To get an understanding of how the body 
copy will look, go to the Type menu and select Fill with 
Placeholder Text. This will enable you to present to 
clients a mock-up of how the type will look and feel. 


9 Text Wrap options 


The Text Wrap feature is great for creating runarounds, 
but can be slightly irritating if there is text you don't 
want to be affected nearby. To make a frame ignore the 
text wrap, simply hit Cmd/Ctrl+B (with the frame 
selected) and in the Text Frame Options dialog that 
appears, check the Ignore Text Wrap box. 


12 Outlined drop caps 


Although the Drop Cap tools found in the Paragraph 


Formatting Controls are useful, they do have their 
limitations. If you want a large drop cap which the text 
then wraps around, you'll need to outline the character 
and apply a Wrap and Object Shape text wrap ona 
separate outlined character with no fill as shown above. 
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13 Glossy type *1 


Creating a glossy sheen effect on headline typography 
is easy. Once you're happy with your headline simply 
outline so it acts like a graphic, then step and repeat it 


‘once, draw a large box over half of the type and then 
subtract it from the type behind (using the Pathfinder 
panel) and colour the top layer white. 


14 Glossy type #2 


To create the sheen, reduce the white top layer to 
AO per cent opacity in the Effects panel. Select the 
Gradient Feather tool and with the white top layer 
selected, hold Shift and drag vertically towards the 
top of the document to create the sheen. Some trial 
and error will be required at this stage. 


15 Sort headlines with Hair Spaces 


There are a number of special characters that can 


be inserted into passages of text, but one that | find 
myself using regularly is the insert Hair Space 

command. This enables you to kern back headlines 
so that they sit flush with your grid - without having 
the text box jutting out over the guide. 
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1 Quickly preview a spread 


To preview a spread without guides visible simply hit 
W. Hitting Shift+W will preview the spread in 
Presentation mode - minus any guides or panels and 
also show images in Overprint Preview mode if they're 
linked. Very useful for quickly showing your work to 
hovering art directors. 


3 The Separations panel 


The Separations panel is useful for checking colours 
before exporting for print. Any Pantone colours will 
show up here, so you can check that they're knocking 
out and not overprinting (and also that your blacks are 
the correct four colour blacks). You can see here that 
once | turn the black off it shows as a brownish colour. 


5 Fast panning 


When working quickly it's essential that you're able to 
move around a document at speed. Holding the Space 
Bar and dragging whilst anywhere in a document 
(other than in a text box) will bring up the Hand tool 
and enable you to pan around with ease. If you're 
editing text, hold Alt/Opt to pan. 
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Here's some essential advice to speed up your InDesign workflow... 


2 Drag pages from one document to another 
In the Pages panel (F12) it's possible to drag single or 
double page spreads from one document to another, 
shaving time off setting up new templates. Drag and 
drop from the Pages panel onto the document 
window. You'll then have the option to insert the 
pages wherever you please within your document. 


HANDS-ON WITH PS4 
EXCLUSIVE ACCESS TO THE INNARDS 


‘Tuming ona P54, the facades plastic 


4 Flattener Preview 

The Flattener Preview panel is an essential check 
before exporting. For example, with Outlined Text 
selected you can see any text that will be outlined due 
to transparent objects overlapping them. This can 
cause text to have a ragged look to it - it’s fixable by 
ensuring the type is above the transparent object. 
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6 Package 


The Package function enables you to package 
together all images, fonts and settings together in one 
folder ready for sending to the printers. It's also great 
for when working from home where you may not have 
the desired fonts, simply go to File»Package and 
export everything you'll need into one folder. 
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CREATE MULTIPLE 
ET LAYOUTS ON THE FLY 


Here we explain how to get the best results with 
the Liquid Layout tool and how it can be used for 
scaling and repurposing documents... 


The Liquid Layout tool (introduced in CS6) enables you to add a series of merely a tool that can help place key objects. You'll still need to make your 
rules to the objects on your page to dictate the way your content adjusts own adjustments to the layout to finesse your design. 

when you change to a new document size. There are a number of different It'll take a bit of time to set up the rules, but if you're planning on creating 
options you can choose to control how your content reacts. Don't be fooled a number of alternative page sizes for a layout, whether it be for print or 

into thinking the Liquid Layout tool will design your page for you — it’s digital, it’s worth putting the time in. Let's get started... 


] Adjusting orientation 


Here we are going to turn a landscape page into a 
portrait page. Open the Liquid Layout dialog found 
under Layout>Liquid Layout. The Tools panel defaults 
to the Page tool and handles appear on the edge of 


the page. The Page tool enables you to resize the page 


to see how the Liquid Page Rules - that you'll apply 
later - will react to your new page size. 


? iguid Page Rules 

Grab one of the handles, and click-and-drag to 
resize the page. You'll see that the page scales 
accordingly but none of the content moves. This is 
because the Liquid Page Rule is set to Off by default. 
As soon as you release your drag and select from the 
cursor, the page will automatically snap back to its 
original size. 
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3 Scaling content 


Now begin to add Liquid Layout Rules. In the 
Liquid Layout panel select Scale from the Liquid Page 
Rule dropdown menu. Grab one of the handles and 
you'll see that the content scales as a grouped object 
relative to the new page size. This is great for down- 
sizing a document but not suitable when you want to 
change page orientation. 


g Scale proportionally 


As you resize the page, the picture frame will get 
taller. If you add a horizontal Liquid Guide, the frame 
will get wider. A vertical and horizontal guide touching 
an object will make the frame scale proportionally. 
Problems arise when a Liquid Guide touches a vector 
graphic. When you scale the page, the graphic will 
stretch and squash, so the tool does have limitations. 


The Re-centre option 


Next, select Re-centre from the dropdown menu. 
This keeps everything centered on the page, but it 
doesn't scale your objects. This particular option only 
really tends to be useful when increasing the size of 
your page. The objects will change position on the 
page but they will stay in the same position relative 
to each other. 


Circular markers 

Look at the Object-based option. This enables you 
to set constraints on how each object will resize with 
the new page dimensions. Select Object-based from 
the drop-down menu and select an image. You'll see 
guides and circular markers appear on the edge of the 
image, and more options become available to you in 
the Liquid Layout panel. 


— Sor omLiME AT _ 
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The Lock icon 

By default, the image's height and width are 
locked, so the frame won't change size when the page 
is changed. To unlock them, click on the Lock icon on 
the guides. Alternatively, you can check the boxes in 
the Resize with Page options, found in the Liquid 
Layout panel. This will enable the image to change 
height and width proportionally with the page. 


1 ‘aston Finishing touches 


It'll take some experimenting to apply the right 
rules to your objects to get the best results. While 
experimenting with pinning objects, it can help to 
toggle between portrait and landscape in the Control 
bar. When you're happy, spend time tiding up your 
layout. As you save your pages, the rule you applied 


will also be saved, ready to use for future size changes. 
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5 Adding Guides 

Select the Guide-based option. This gives you 
more control over how your design adjusts. The rule 
works by adding guides. Guides are added by dragging 
them from your rulers. Drag and place a horizontal 
Liquid Guide through the centre of one of your 
images. The guide will appear as a dashed line and any 
object that it touches will be affected when you resize. 


8 Click on one of the outer circle markers and it will 
snap to the page, pinning the image to the matching 
page edge. One of the downsides of this is that you 


can only pin objects to the page - it's not possible to 
pin objects to each another. You'll also notice that the 
corresponding check boxes in the Liquid Layout panel 
will now be selected. 


NEW RULES 


You can change a Liquid Guide to a normal guide 
by using the Selection tool to click on the icon 

on the guide. The great thing with this is you can 
add guides while laying out your design and then 
change them later when using the Page tool. 
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PERSONAL PREFERENCES 


MAKE INDESIGN WORK HARDER FOR YOU 


By tailoring InDesign’s presets and preferences to your exact needs, you can make 
the application work harder for you, and speed up your daily design work... 


General 
- Page Numbering 


View: (Seaion Nonrng 


;- Font Downloading and Embedding } 
Always subset fonts with glyph counts greater than: 2000 | 


Object Editing 


& Prevent Selection of Locked Objects cs 
When Sci: Floating Taos Pane: (Single Column 
@ Apply to Content ie eee ne 
Adjust Scaling Percentage ‘Auto-Show Hidden Panels 
& Bd Open Documents as Tabs 
Reset All Warning Dialogs @ Enable Floating Document Window Docking 


;- Options 
‘Better Performance ‘Higher Quality 
Heal fonk es 


Ure Seren Drawing: (mmedate 
Cone) ED 


Once setup, some — > The Interface InDesign is used by designers for many different kinds a file to the printers, InDesign will only embed the 


General preferences _ preferences panel of projects. Whether you're a print-based editorial characters used in your document if there are more 
may never change, enables you to designer, working in an agency creating print collateral than 2,000 glyphs, rather than the entire character set. 
others will vary fine-tune the such as brochures and reports, or designing interactive The Object Editing panel pretty much speaks for itself, 
depending on your appearance of applications for the iPad, the software is a hugely although you may not always want to apply scaling to 
project at the time InDesign to suityou powerful and extremely versatile tool. But like any content. And hitting ‘Reset All Warning Dialogs’ will 


effective machine, with some fine-tuning it can become _ make all those dialog boxes that you hit ‘Don’t Show 
even more efficient. By spending time tailoring nDesign _ Again’ on reappear. 


to your workflow you can work faster and smarter than And you'll obviously want to fine-tune the InDesign 
you have ever before. interface to your needs. You can do this in a few ways, 

The first thing to do when setting up InDesign is the first being to visit the Interface Preferences panel. 
to work through the application's vast preferences, Here, you can choose to enable various options such 


tweaking them to make the program work exactly how as gesture controls (on a Mac laptop or with a Magic 

you want it to. Of course, some of these preferences will Trackpad) as well as showing Transformation Values and 
vary ona project-by-project basis, but becoming familiar _ highlighting the object under the Selection tool. You can 
with the options will enable you to speedily set up your also revert the dark CC interface to a light one. 


projects to different specs when you need to. There's You can also specify whether tool tips appear fast, 
also a bit of jargon in there, so knowing what everything _ normally, or do not appear at all. And you can set, by 
means certainly helps. So, go to InDesign>Preferences default, whether the Tools panel is a single column, the 
(Mac) or Edit>Preferences on a PC and then General. traditional double column or docked to the top ina row. 
Page Numbering specifies whether InDesign displays You can, of course, easily change this as you work by 
page numbering by specified section or the entire double-clicking the top of the Tools panel or dragging 
document (although you can change this setting from it where you want. 

the Pages panel). The ‘Subset fonts with glyph counts Depending on your machine and documents you'll 
greater than 2000’ option means that when you send be working on, you may want to adjust the Hand tool’s 
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4The Menus 


command in the Edit 


menu lets you 


customise the 


interface further 


[Advanced] “4 Workspaces is the 
[Book] third way to adjust the 

v [Essentials] interface and can be set 
[Interactive] toa variety of presets, 
[Interactive for PDF] tailoring the interface 
[New in CS5.5] to suit a variety of 
[Printing and Proofing] different disciplines 
[Typography] 


Reset Essentials 
New Workspace.. 
Delete Workspace... 


Show Full Menus 


performance - sliding to Better Performance will greek 
your images as you pan, making for a faster navigation 
experience. The same goes for Live Screen Drawing — 
adjust it as you see fit. 

The second way to tailor the interface to your needs 
is by visiting the Menus command in the Edit menu. 
From here you can choose to hide menu options - just 
go through the menus, choosing which ones you want 
activated or deactivated. Like all applications in Creative 
Cloud, when you do hide menu items you get an option 
to retrieve them at the bottom of the menu in InDesign. 
For instance, if you've chosen to hide the Character 
option in the Type menu, clicking the ‘Show all Menu 
Items’ option at the bottom of the Type menu will bring 
it back. You can also colour up menu items, making 
it easy to find certain commands. This can be handy 
if you're training up a junior designer and want to show 
a certain workflow. Above the Menus option in the 
Edit menu you can tailor keyboard shortcuts to your 
exact needs. 

The third, and more conventional (and indeed 
powerful) way of customising the InDesign interface 
is to use Workspaces. There are a number of preset 
Workspaces for you to choose from, each tailoring the 
interface to a different design discipline. You can show 
panels relevant to book publishing, creating interactive 
projects, working with type and so on. Access them 
from the Workspaces option in the Options bar. But 
of course, where this is most powerful is being able 
to fine-tune the interface to your specific needs. The 


- Type Options 
@ Use Typographer's Quotes 


@ Type Tool Converts Frames to Text Frames 

@ Automatically Use Correct Optical Size 

M Triple Click to Select a Line 

CO Apply Leading to Entire Paragraphs 

@ Adjust Spacing Automatically When Cutting and Pasting Words 


ont Preview ize:(Medium i 


;- Drag and Drop Text Editing 
(Enable in Layout View 
@ Enable in Story Editor 


i Smart Text Reflow 


© Delete Empty Pages 


Add Pages To 
ic) Limit to Master Text Frames 
C Preserve Facing-Page Spreads 


process is simple: hide and show panels as you see fit, 
so think about what you use on a daily basis. Then 
go to Window>Workspace> New Workspace. Save 
your workspace, perhaps using your name for easy 
identification, and then access it in the way outlined 
above. You can of course save as many different 
Workspaces as you want to. 

Back to Preferences, as there’s still a lot of setting- 
up to do. The Type preferences panel is pretty 
self-explanatory, but that doesn’t mean you shouldn’t 
work through it to make sure everything's to your liking 
(or if there are any project-specific options you want to 
change). Being able to apply leading to entire paragraphs 
can be handy or a hindrance, as can triple-clicking to 
select a line. And you may want a bigger font preview 
size, as making it large can quickly give you a better idea 
of how your font will look if you're unfamiliar with a 
set of typefaces in a project. The Advanced Type panel 
is similarly self-explanatory, giving you the option to 
change the percentages of superscript, subscript and 
small caps. 

The Composition panel enables you to highlight 
certain things within your document. We've all seen the 
missing fonts pink highlight and this is where you can 
turn this feature on and off, along with other elements 
such as custom tracking and kerning, H&J violations and 
more. You can also specify text wrap options. 

Units and Increments is a preference panel you'll 
almost certainly be familiar with, being the place you 
set up global measurement settings. Most work in 
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4 Although relatively self-explanatory the 


Type preferences panel is worth learning 
how to use properly as it contains some 
very useful tools 


MAXIMUM EFFICIENCY 


> The Grids preferences panel lets 
you change the colour of your grids 
and it also enables you to adjust 


your increment measurement 


Appearance of Black bee 


[- Options for Black on RGB and Grayscale Devices 


(On Screen: ( Display All Blacks as Rich cc} 


INDESIGN SECRETS: IMPROVE YOUR WORKFLOW 


‘PACKAGE EVERYTHING 
UP FOR THE PRINTER 


The Package command in the 
File menu is used for sending 
everything to a printer if not 
using a PDF output. The 
great thing about the Package 
command is it includes the 
fonts used in the document. 
This brilliant tool makes sure 
there are no nasty surprises 
(ie. missing fonts) when your 
files go to the printer and that 
everything is where it should be. 


6 CHANGE PANEL CASE 
TO SUIT YOU 


From InDesign CS4 the names 
of the panels changed to all 
CAPS. In order to change the 
interface back to standard case, 
simply create an empty folder 
in the InDesign application 
folder called noallcaps. It really 
depends if it irks you that much! 


2 QUICKLY STROKE 

AN OBJECT 

In order to quickly Stroke an 
object - without paying a visit to 
the Stroke panel - simply select 
the object and then hit the D key. 
Once you get used to this, it will 
save you loads of time. 


7 QUICKLY ADD 
ROUNDED CORNERS 


InDesign CS5 brought a very 
handy feature to the application, 
in the form of dynamic rounded 
corners. To quickly create a 
frame with rounded corners, 
double-click on the yellow box at 
the edge of your frame or object 
and a yellow diamond appears 
on the top corner of the frame. 
You can simply click and drag 
this to add rounded corners. 
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Relative To: { Top of Page i} 
Increment Every: 12 pt 
View Threshold: 


73% 


4 Appearance of Black is really 
important as by default InDesign 


displays black as rich black, so you see it 
dark as possible but it won't change your 


CMYK values. 


3 NON-PRINTING LAYERS 
FOR SECRET NOTES 


When you need to add notes to 
your team and (maybe) a printer, 
you can use non-printing layers 
in InDesign. To set one up, go to 
the Layers panel options and 
then New Layer. In the dialog 
that appears, turn off the Print 
Layer checkbox. 


8 FONT PREVIEWS: 
ON THE PAGE 


You can quickly preview what 
headlines and so on will look 
like in different fonts, right on 
the page. Create some text, 
select it and then go to the 
Paragraph panel. Click in the 
font field and then use the 

up and down arrow keys to 
cycle through your fonts - your 
selected text updating as you go, 
giving you a live on-page preview. 
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millimetres but you can change it to anything you like 
here, from Picas to Agates. Grids gives you the options of 
changing the grid colour and increment measurement 
and, handily, using the Guides and Pasteboard 
preferences panel changes the colour of margins, 
columns, bleed, slug, preview background and smart 
guides. The next five Preference panels - Dictionary, 
Autocorrect, Notes, Track Changes and Story Editor 
Display - are really word-focused, so unless there’s no 
sub-editor involved, you don't really need to worry about 
them too much, 

Display Performance, depending on your machine, 
is one you'll want to tweak. By sliding the View settings 
of differently placed files and effects you can make sure 
InDesign works as quickly as you need it to. This may 
be an option if you're working with a really heavy placed 
Illustrator file, for instance. 

Appearance Of Black is important as well. By default 
InDesign displays black as rich black, so on screen blacks 
will appear as dark as possible but won't change CMYK 
values. Changing to ‘Display All Blacks Accurately’ gives 
you a better idea of the black you're using (usually a black 
with other colours added); you'll see blacks as Photoshop 
displays them, essentially. The same thing applies for 
printing/exporting blacks. And by default, black is 
set to overprint - meaning it won't knock out colours 
underneath. So you don't get show-through on your 
blacks, it’s usually best to uncheck this - but it really 
depends on your project and your individual design 
needs. The final preference panels deal with saving, 


4 QUICKLY SELECT OBJECTS 
BEHIND OTHER OBJECTS 


If you're working on a complex 
layout wath lots Gkciyecks 
overlapping, it can be a pain to 
select objects that are behind 
others. To select these hold Ctrl/ 
Cmd and click through until 

the object you want is selected. 


9 JUMP 10 
MAGNIFICATION BOX 


Alt/Opt+Ctrl/Cmd+5 will jump 
you straight to the magnification 
box at the bottom of the 
interface. Handy for quickly 
seeing your document at a 
specific magnification. 
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S INTERCHANGE NOT JUST 
FOR OLDER VERSIONS 


Yes, we all know that you can 
use the InDesign Interchange 
File Format to save InDesign files 
out for use in older versions, but 
they do have another use as well. 
If you need to email an InDesign 
document but the file is large 
and bloated, the Interchange File 
Format strips out images, leaving 
link data in place. If the recipient 
has all the links, everything will 
work perfectly (or should do). 


10 QUICKLY ADD 
SIDES T0 POLYGONS 


You can change the shape 

of polygons in two ways. The first 
- the normal way - is to double- 
click the Polygon frame or Shape 
tool in the Tools panel and 

enter numbers in the fields that 
appear. The second - and more 
interactive - way is to draw your 
polygon and as you're drawing 
use the up and down arrow keys 
to add sides. 


recovery, how links are handled and all the various, and 
extensive clipboard options. 

You will probably be working on many different 
projects at once during a working week, and if you 
are regularly creating documents at a certain size, 
Document Presets are a must. To create a new 
Document Preset, go to File>Document Presets>Define. 
In the dialog box that appears, select New. You're now 
faced with a dialog box pretty much the same as the 
New Document window. First of all, give it aname (the 
name of the project will suffice or, if you're designing 
a magazine, the name of the feature or section) and 
specify the intent (print or web). Changing the intent 
will also change the units of measurement - for print, 
this depends on your preferences; for web it’s pixels. 

Choose the number of pages, whether they are facing 
(in spreads) and whether or not you have a master text 
frame. Then page size, orientation and columns, gutter 
and margins. Clicking More Options on the right 
enables you to set up bleed and slug (the latter being 
an area you can leave printer instructions and so on 
without worrying about it printing, or having to put it on 
anon-printing layer). Hit OK and you can now quickly 
access this preset by going to File>Document Presets 
and choosing the preset. Of course, you can have as 
many presets as you want - handy if you're working on 
several magazines, brochures or other print collateral at 
once. If youre regularly creating the same size document 
with the same intent, you may just overwrite previous 
versions with new designs — but it’s always good to have a 
solid preset to fall back on. 

Setting it all up InDesign may take a while and it 
might seem like a really tedious task, but it will be worth 
it in the long run. It may seem like a bore to go through 
preferences and presets when you want to get cracking 
ona project, but having all the options as you need them 
~ and indeed sharing these preferences with your team 
members - will guarantee that everyone is working to 
the same guidelines, and there will be no surprises when 
sharing files and outputting. So what are you waiting 
for? Get started customising InDesign now... @ 


Document Preset: Brochure 
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Description: [Use these settings to create Adobe POF documents for 
quality printing on desktop printers and proofers. Created | 
PDF documents can be opened with Acrobat and Adobe 
Reader 5.0 and later. | 


PRINT AND PDF PRESETS 
Spend time setting up custom presets to streamline 
your print output... 


Setting up Print and PDF presets will speed up the way you export files - especially 
if you output to the same device or PDF settings on a regular basis. When starting a 
project it should be a primary consideration. You can of course modify the included 
presets as you go, but if these are changed by someone and you lose a certain 
setting it can add time to your workflow if you have to re-tweak settings. 

Print and PDF presets work in the same way and they are both found in the 
File menu. To create a new preset, simply go to Define and click New, then set up 
your printer settings or PDF options. Hit OK when you're done and you now can 
use these presets by going to File>Print presets or FilesAdobe PDF Presets and 


New 
Browse in Bridge... 
Share My Screen... 


Close 

Save 

Save As. 
Check In. 
Save a Copy. 
Revert 


Place 


Import XML 


Adobe PDF Presets 
Export 


Export for 


‘Document Setup... 


User... 
File info. 


Package 
Print Presets 
Print. 

Print Booklet 


Create New Review... 


Place from Buzzword, 


choosing the preset you defined earlier. The Print or PDF dialog will appear with 
your settings intact. Using Print and PDF presets this way means you can quickly 
export low-res PDFs or print at A4 in black and white, for instance, without having to 
manually alter settings each time. 


4 Document presets are 
a must if you are working 
ona variety of different 
projects that are all 
different sizes 
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INDESIGN 


THE COMPLETE 
TOOL GUIDE 


InDesign has a plethora of simple yet pro-orientated 
tools for professional layout and design. And whether 
you're creating print or iPad apps, the basic tools remain 
the same - enabling you to quickly and easily create and 
edit graphics, and produce slick typography. 

It’s likely that you'll have forged your own InDesign 
workflow by now, with keyboard shortcuts ingrained 
in your mind (if you don’t know the most popular ones, 
turn to page 97). But there will always be a tool that has 
an extra bit of functionality that you didn’t know about, 
or works in a different way than you originally thought. 

So cut out this comprehensive guide, photocopy it and 
stick it to your wall or keep it to hand in the pages of this 
magazine. However you choose to use it, rest assured 
that you'll no longer have to refer to the InDesign 
(online) manual to find out what a tool is capable of. 


> Keyboard shortcut: V 

At its most basic, the Selection tool enables 
you to select and move objects around your 
document and pasteboard. Triple-clicking an 
object with content placed inside switches it 
to Direct Selection mode, and a cool feature 
- the Content Indicator - enables you to 
move or select your placed content much 
faster than before. Click and hold on the 
centre of the Content Indicator to reposition 
your content within the frame, and click on 
the outer circle to select your content 
without having to switch to the Direct 
Selection tool. Hitting Escape selects the 
frame again. You can also rotate a frame, and 
select multiple items and transform them 
together (instead of grouping them). Finally, 
look out for the Auto Fit check box in the 
Control panel to scale down the size of your 
placed content as you scale the frame (rather 
than just scaling the frame). You'll also see 
some yellow boxes on a frame in CS5 or later 
- click and drag these to change corner 
roundness. Very handy indeed. 


Selection tool 


> Keyboard shortcut: A 

The Direct Selection tool can be used to 
alter the attributes of placed content within a 
frame. Simply click and drag your placed 
content within a frame to move it, or use the 
corner handles to scale it. Using the Cmd/ 
Ctrl key with the tool enables you to move 
the frame and placed content in a new 
position. There are many ways of using the 
Selection and Direct Selection tools - it's all 
about what suits your workflow. 
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Page tool 


> Keyboard shortcut: Shift+P 

The Page tool makes it possible to have 
pages within a document that are different 
sizes. Used in conjunction with the new 
drop-down menu at the bottom of the Pages 
panel, you can quickly fine-tune the size of 
individual pages. After creating a new page in 
the normal way, use the Page tool to select a 
page and then the Control panel to change 
its size. You can also specify whether objects 
move with the page, or your layout changes 
with the new page size. 


Gap tool 


> Keyboard shortcut: U 

The Gap Tool enables you to change the size 
of the gap between frames. By default you 
edit an entire horizontal or vertical gap 
across multiple frames at once, but you can 
alter the gap between just two frames by 
using the Shift key. 


Est) 


Content Collector tool 


> Keyboard shortcut: B 

The Content Collector tool enables you to 
collect content to repurpose across multiple 
documents. Think of it a bit like a pop-up 
library, enabling you to quickly place objects. 


«4 Content Placer tool 


> Keyboard shortcut: B 
Use in conjunction with the Content 
Collector tool to place stored content. 


Type tool 


> Keyboard shortcut: T 

One of your most used tools, right? 
InDesign’s typographic toolset is the best 
there is - bar none, and used with the 
Character and Paragraph Formatting 
Controls (the Control panel changes to 
reveal these when the Type tool is selected) 
you have control over every aspect of your 
typography - including a myriad of different 
OpenType options (typeface dependant). 


<< Type On A Path tool 


> Keyboard shortcut: Shift+T 

Draw a path using the Pen tool and use this 
tool to run type along it. You can also use it 
to add type to the edge of frames and 
objects. You're not going to use it a lot, and 
usually for good reason - but when you need 
a more abstract heading running around a 
shape, this is the way to do it and ensure 
maximum control (or you could convert to 
outlines and hand-set if you wish). 


Line Segment tool 


> Keyboard shortcut: \ 

Quickly draw lines and stroke them using 
the Stroke panel. You can also change the 
stroke (both width and type) using the 
Control panel, and rotate and flip the line. 
As you draw, InDesign shows you the length 
of the line. Use Shift to constrain it, and make 
use of Smart Guides to align your lines with 
other elements. 


Pen tool 


> Keyboard shortcut: P 

Like Illustrator and Photoshop's Pen tool, this 
enables you to draw either polygonal shapes 
(to fill or place images inside) or more 
free-flowing objects by using Bezier curves. 
Change the text wrap, stroke and colour 
using the Control panel or the various 
individual panels - whatever you find easiest. 
The Pen tool can also be used to add anchor 
points to a line, frame or shape. 


* Add Anchor Point tool 


> Keyboard shortcut: = 

The Add Anchor Point tool enables you to 
add points to a path, frame or shape. You 
probably won't select this tool that often, as 
using the Pen tool to do the same job is a 
much quicker way of doing things. 


Delete Anchor Point tool 


> Keyboard shortcut: - 

Use this tool to refine shapes, frames or 
paths. Again, you'll rarely use this as the Pen 
tool does the same job when you hover over 
an anchor point. 


\ Convert Direction Point tool 


> Keyboard shortcut: Shift+C 

Use this, as in Illustrator and Photoshop, to 
edit the point and the path either side of it 
(as well as the nodes that are attached to the 
control point). Just click on the point or 
nodes you wish to edit, and drag to see the 
results. Very useful for fine-tuning paths, as 
well as editing shapes and frames. 
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Pencil tool 


> Keyboard shortcut: N 

You'll probably only use this if you've got 

a graphics tablet, and then you'd be better 
off using a Bezier path approach in InDesign 
or Illustrator. Essentially the Pencil tool 
enables you to draw freehand paths or 
shapes. By combining with the Path tools, 
you can join the ends up and use as graphic 
or text frames. 


Z Smooth tool 


> Keyboard shortcut: N/A 

Use this tool to smooth - or clean up - your 
freehand vector paths or shapes. Simply 
drag over the offending area (it may have 
too many anchor points) to reduce and 
smooth your shape. Not a regular tool in 
most users’ InDesign workflow, but a useful 
one nevertheless. 


# Erase tool 


> Keyboard shortcut: N/A 

The Erase tool enables you to delete part of 
a path, frame or shape. Select it and draw 
along, not across, the part of a path that you 
no longer need. Two separate paths will be 
created that you can then further edit. 


Rectangle Frame tool 


> Keyboard shortcut: F 
One of the most used tools in layouts, 

the Rectangle Frame tool, enables you to 
create containers for graphics (or text if you 
double-click inside with the Type tool). Once 
drawn, hold Ctrl/Cmd+D to place a graphic 
or image inside, and then use the Selection 
tools to edit this. You can also use the 
Control panel or Transform tools to refine 
the frame. Selecting the tool and clicking on 
your document enables you to create a 
frame at an exact size. In addition, the 
Control panel enables you to quickly add a 
stroke or edge effect. 


© Ellipse Frame tool 


> Keyboard shortcut: N/A 
Use in exactly the same way as the Rectangle 
Frame tool. 


© Polygon Frame tool 


> Keyboard shortcut: N/A 

Use this tool to create any kind of polygonal 
shape for placing graphics or text. The 
default option (when you click and drag) is a 
five-sided polygon, but by single-clicking on 
your document you can specify size, sides 
and star inset. This is great for creating flash 
graphics and the like without the need for a 
trip to Illustrator. 


Rectangle Tool 
> Keyboard shortcut: M 


Whereas the Frame tools act as 
placeholders, the Shape tools are exactly 
that - shapes. There's no real reason to use 
these other than to function as graphic 
elements on the document or pasteboard. 
You can place a graphic or text inside (and 
you can change a frame to a shape 

by right-clicking/Cmd/Ctrl/+clicking and then 
going to Content>Unassigned. 


© Ellipse tool 
> Keyboard shortcut: L 


Use this tool in exactly the same way as the 
Rectangle tool. 


© Polygon tool 


> Keyboard shortcut: N/A 

The Polygon tool is used in the same way as 
the Polygon Frame tool, but for basic shape 
creation rather than creating a placeholder 
for a graphic (although you can still place 
graphics and text inside them - and then it 
becomes a frame). 


Scissors tool 
> Keyboard shortcut: C 


Use the Scissors tool to cut paths, shapes 
and frames. Click on one part of the frame 
(or shape, and so on) and then another part. 
Two new frames will be created, and if you 
placed an image in the frame, it will run 
across both shapes. You can then edit the 
position of each placed graphic individually, 
if you wish. 
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Free Transform tool 


> Keyboard shortcut: N 

With the new, refined Selection tool the Free 
Transform tool feels ever-so slightly 
redundant. However, if you want to use it, 
you can move, scale and rotate frames, 
shapes, paths, outlined type and basically 
anything else. Use it with the Control panel 
to ensure maximum accuracy. 


*) Rotate tool 
> Keyboard shortcut: R 


You might wish to rotate your shape around a 
different point than the centre - and that is 
where the Rotate tool comes in. Define a 
point by adjusting the crosshair, and then 
rotate the shape and so on around this by 
clicking and dragging. Again, for more 
accuracy while doing this use the Control 
panel (although you do get a readout of the 
angle on screen as you rotate). 


SS Scale tool 
> Keyboard shortcut: S 


Use this tool to scale an object horizontally 
and vertically relevant to the reference point 
you specify. Be careful when scaling as 
InDesign scales strokes by default, meaning 
that your object's stroke width will become 
fatter or thinner. Change this behaviour in 
the Control panel - deselect the Adjust 
Stroke Weight When Scaling’ box. 


07 Shear tool 
> Keyboard shortcut: O 


Use the Shear tool in order to skew 

an object or frame. Useful for adding 
perspective effects, slanting a text frame or 
the ever-effective offset drop-shadow effect 
(remember doing it this way in 
QuarkXPress?). Once again, everything's 
relative to the reference point you specify. 


Gradient Swatch tool 


> Keyboard shortcut: G 

Used in conjunction with the Gradient Panel, 
the Gradient Swatch tool enables you to 
create multi-point gradients within a shape or 
frame. Specify the colours in the panel and 
then drag across the shape or frame (or 
outlined text, for example) in the direction 
you want the gradient to go. The shorter 
distance you drag, the tighter the gradient. 


Gradient Feather tool 


> Keyboard shortcut: Shift+G 

The Gradient Feather tool is a lovely method 
for creating a feathered effect on shapes or 
frames with placed graphics. Select your 
frame - or equivalent - and then drag the 
cursor across it. The angle and distance you 
drag will influence the feather effect, so 
experiment until you get it right. 


Note tool 


> Keyboard shortcut: N/A 

Used mainly within an InCopy workflow and 
in conjunction with the Track Changes panel, 
the Note tool enables you to add notes to 
other editorial or design staff members. 
Better than placing the old magenta box over 
things (we've all seen the result of those 
accidentally left on when going to press). 


Eyedropper tool 


> Keyboard shortcut: | 

The Eyedropper tool - the saviour of lazy 
designers everywhere. In all seriousness, 
though, InDesign’s Eyedropper is simply 
superb, enabling you to quickly copy 
attributes - including style, colour and so on 
- from one object to another. Particularly 
useful for styling up text without getting 
confused by whatever the art director has 
called the style sheet. 


© Measure tool 
> Keyboard shortcut: K 


Use the Measure tool to measure the 
distance between two points. Drag it across 
the area you wish to measure and the Info 
panel will pop open to show you the readout. 
You probably won't use it much, but when 
you need to it will be very handy indeed. 


Hand tool 


> Keyboard shortcut: H 

Regulation stuff. Use the Hand tool to pan 
around your document. Hit Alt/Opt to 
change from the Selection tool. When 
nothing, or an object, frame and so on is 
selected, access it quickly using the Space 
bar. When you're working with text, use Alt/ 
Opt - otherwise you will add a space. 
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Zoom tool 


> Keyboard shortcut: Z 

Zoom in and out of your document quickly 
using this tool. Double-click it for IOO per 
cent zoom. You're more likely to use Ctrl/ 
Cmd++/- or Ctrl/Cmd+number keys, although 
they tend to be a much more efficient way 

of working. 


Fill 


> Keyboard shortcut: X (switches between 
Fill and Stroke) 

Shows you the current Fill of an object and 
so on. Double-click to go into the Colour 
Picker dialog where you can save a CMYK 
swatch. Press D to revert to default (no Fill 
and black Stroke). 


> Keyboard shortcut: X (switches between 
Fill and Stroke) 

Shows you the current Stroke. Use in exactly 
the same way as Fill. 


Default Fill and Stroke 
> Keyboard shortcut: D 


Hit this to revert to the default fill and stroke. 


Or hit D - that’s much easier (unless you're in 
a text box). 


Formatting affects text 


> Keyboard shortcut: N/A 

Click the ‘Formatting Affects Text’ icon to 
make sure that Fill and Stroke colours are 
applied to text within a frame, rather than 
the frame itself. 


a 


Formatting affects container 


> Keyboard shortcut: N/A 

The opposite of ‘Formatting Affects Text’ - 
making sure that Fill and Stroke colours 
affect the text frame rather than the type 
inside it. 
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Apply Colour 


> Keyboard shortcut: , (comma) 
Select this to quickly apply the last-selected 
colour to either an object or text. 


@ Apply Gradient 


> Keyboard shortcut: . (period) 
Select this to quickly apply the last-selected 
gradient to either an object or text. 


7 Apply None 
> Keyboard shortcut: / 


Remove all colour from text or objects. 

All these options are faster to use when 
you learn the keyboard shortcuts - and 
performing these tasks will become second 
nature and save you a lot time. 


View modes 


Normal 


> Keyboard shortcut: Use W to jump back 
and forth between Normal and one of the 
other selected View modes. 

The Normal view mode shows your 
document with guides (including text frames) 
and any invisibles and overmatter indicators 
in place. You can also see the pasteboard. 


© Preview 


Shows a preview of your layout, removing 
guides and frame edges (unless the latter is 
selected) and cropping to the edge of your 
document. Invaluable for quickly seeing a soft 
proof as you work. 


Bleed 


Preview your document with the amount of 
bleed you assigned in the File-New 
Document dialogue (you'll have to hit More 
Options). Bleed is incredibly important, so 
don't forget it, and ask your printer what they 
require (normal is 2mm). 


D Shug 


Preview slug information (non-printing info 
such as client, document title and so on that 
is outside of your document) that you set-up 
when creating your document (click More 
Options in the File>New dialog). Some 
printers will ask for this, some won't, so check 
with them first. 


© Presentation 


See a full-screen preview of your document, 
on black with no clutter. 


KEYBOARD SHORTCUTS 
INDESIGN 


> TOOLS > TRANSFORM 

Selection V/Esc Duplicate and transform selection 

Direct Selection A Transformation tool+Alt/Opt-drag 
Toggle Selection Ctrl/Cmd+Tab Display Transform tool dialog box 

Page Shift+P Select object+double-click Scale 
Gap U Decrease scale by 1% Ctrl/Cmds, 
Content Collector B Decrease scale by 5% Ctrl/Cmd+Alt+, 
Pen Bp Increase scale by 1% Ctrl/Cmd+, 
Add Anchor Point = Increase scale by 5%. Ctrl/Cmd+Alt+. 
Delete Anchor Point : Resize frame and content 

Convert Direction Shift+C Selection tool+Ctrl/Cmd-drag 
Type T Constrain proportion 

Type On A Path ShifteT Ellipse tool/Polygon tool/ 
Pencil (Note) N Rectangle tool+Shift-drag 
Line \ Toggle High Quality/Fast Display 

Rectangle Frame FE Ctrl/Cmd+Alt+Shift+Z 
Rectangle M 

Ellipse L 

Rotate R > TEXT 

Scale Ss 

Shear fe) Bold Shift+Ctrl/Cmd+B 
Free Transform E Italic Shift+Ctrl/Cmdel 
Eyedropper I Normal Shift+Ctrl/Cmd+¥ 
Measure K Underline Shift+ Ctrl/Cmd+U 
Gradient G Strikethrough Control+Shift+Ctrl/Cmd+/ 
Scissors c Allcaps (on/off) Shift+Ctrl/Cmd+K 
Hand H Small caps (on/off) Shift+Ctrl/Cmd+H 
Zoom Z Superscript Shift+Ctrl/Cmd+(+) 
Quick Hand Space bar Subscript Shift+Opt+ Ctrl/Cmd+(+) 
Quick Zoom Ctrl/Cmd+Space bar Reset scale to 100% 

Toggle Fill and Stroke xX Shift+Alt/Opt+Ctrl/Cmd+X 
Swap Fill and Stroke Shift+X Align left, right, centre Shift+Alt/Opt+L/R/C 
Toggle between Formatting J Increase or decrease point size 

Apply Colour [comma] Shift+Ctrl/Cmd+>/< 
Apply Gradient sIperiod] = Autoleading Shift+Alt/Opt+Ctrl/Cmd+A 
Apply No Colour 1 Alignto grid (on/off) _ Shift+Alt/Opt+Ctrl/Cmd+G 
Toggle Normal and Preview Mode W Automatically flow story 

Gradient Feather tool Shift+G Shift-click loaded text icon 
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Recompose all stories 


Alt/Opt+Ctrl/Cmds/ 


Insert current page number 


Alt/Opt+Ctrl/Cmd+N 


THE ULTIMATE 
SOFTWARE TRAINING 


THE COMPLETE GUIDE TO USING PHOTO fractal y-S-/ PROFESSIONAL DESIGN AND LAYOUT TOOL 


= TRAINING pe ra 
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WAGE-EDITING TRICKS 


= PHOTOSHOP FOR VIDEO 
= 


BEA BETTER DESIGNER 
Key advice to speed 
up your workflow 


INDESIGN CC IN-DEPTH 
The new tools and 
how to use them! 


Key skills to speed 
up your workflow 


Created for professional designers by professional designers, the 
Computer Arts Studio Training series brings you expert tutorials in 
Illustrator, Photoshop and InDesign. Complete your set today! 


On sale now at WHSmith, Barnes & Noble, www.myfavouritemagazines.co.uk/design 
and for iPad at http://goo.gl/sMcPj 


INDESIGN 


Design magazines, brochures, flyers, apps and annual 
reports in style with our step-by-step workshops. This , 
is the ultimate guide to becoming an InDesign expert! 
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+ Discover how to use the best grid for the job 
and how to set it all up in InDesign 


+ The complete guide to style sheets: how to 
use character, paragraph and nested styles to 
simplify even the most complex projects 


+ How to use libraries, templates and more! 


IMPROVE YOUR WORKFLOW 


+ Work seamlessly across Photoshop, Illustrator 
and InDesign to race through any design task 


+ Discover hidden shortcuts and features to 
speed up your design workflow 


+ Create multiple layouts on the fly using 
InDesign’s brilliant Liquid Layout tool 


BE MORE CREATIVE 


+ Illustrate a stunning magazine or book page 

using only InDesign’s powerful creative tools 
+ Master glyphs to create a typographic poster 
+ Design a stunning pop-up promo card 
DIGITAL & PRINT PUBLISHING = ‘ 
+ Get started with Adobe Digital Publishing 

Suite and get your apps on the App Store 
+ Preflight your files correctly and never 

Xu 


worry about print problems again 


~ 


